React +Mock+webpack+antd+less

create-react-app anydream

npm run eject(创建项目之后立即执行）

npm install --save antd

npm install --save babel-plugin-import

["import", { libraryName: "antd", style: 'css' }]

npm install less --save

cnpm install less-loader --save

{

              test: lessRegex,

              exclude: lessModuleRegex,

              use: getStyleLoaders(

                {

                  importLoaders: 2,

                  sourceMap: isEnvProduction && shouldUseSourceMap,

                },

                'less-loader'

              ),

              // Don't consider CSS imports dead code even if the

              // containing package claims to have no side effects.

              // Remove this when webpack adds a warning or an error for this.

              // See https://github.com/webpack/webpack/issues/6571

              sideEffects: true,

            },

            // Adds support for CSS Modules, but using SASS

            // using the extension .module.less or .module.less

            {

              test: lessModuleRegex,

              use: getStyleLoaders(

                {

                  importLoaders: 2,

                  sourceMap: isEnvProduction && shouldUseSourceMap,

                  modules: true,

                  getLocalIdent: getCSSModuleLocalIdent,

                },

                'less-loader'

              ),

            },

const lessRegex = /\.less$/;const lessModuleRegex = /\.module\.less$/;

npm install mock webpack-api-mocker --save-dev

const apiMocker = require('webpack-api-mocker');const path = require('path');

apiMocker(app, path.resolve(__dirname, '../mock/index.js'))

module.exports = {

  [`GET /user`]: (req, res) => {

    return {

      data: [123]

    };

  }

}