���React���������������Ant Design Mobile���������������������������

npx create-react-app on_the_go

cd on_the_go

npm start

npm run eject

git add .
git commit -m 'Saving before ejecting'
npm run eject

npm install antd-mobile --save

npm install babel-plugin-import --save-dev

// ��������� webpack.config.js ���������������������
module.exports = {
    module: {
        rules: [
            {
                test: /\.css$/,
                use: ['style-loader', 'css-loader']
            },
            {
                test: /\.less$/,
                use: ['style-loader', 'css-loader', {
                    loader: 'less-loader',
                    options: {
                        modifyVars: require('../package.json').theme
                    }
                }]
            }
        ]
    }
}

npm install --save-dev less less-loader style-loader css-loader

// ��������� babel.config.js ���������������������
{
    "plugins": {
        "import": {
            "libraryName": "antd-mobile",
            "style": true
        }
    }
}

{
    "theme": {
        "brand-primary": "red",
        "color-text-base": "#333",
        // ������������������������������
    }
}

{
    module.exports = {
        // ...
        module: {
            rules: [
                // ...
                {
                    test: /\.less$/,
                    use: [
                        'style-loader',
                        'css-loader',
                        {
                            loader: 'less-loader',
                            options: {
                                modifyVars: require('./package.json').theme
                            }
                        }
                    ],
                    include: /node_modules/
                },
                // ...
            ]
        // ...
    }
}

import { Button } from 'antd-mobile';

���������