使用react-create-app构建前端应用

npx create-react-app my-app
cd  my-app 
npm start

简单的构建完成
暴露项目的配置文件
npm run eject 这样就可以修改webpack配置了
如果要使用了less 安装less-loader

npm i less less-loader --save

新版本的create-react-app在webpack.config.js中添加代码

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

在getStyleLoader中加入

{
              test: lessRegex,
              exclude: lessModuleRegex,
              use: getStyleLoaders(
                {
                  importLoaders: 2,
                  sourceMap: isEnvProduction
                    ? shouldUseSourceMap
                    : isEnvDevelopment,
                },
                'less-loader'
              ),
            },
            {
              test: lessModuleRegex,
              use: getStyleLoaders(
                {
                  importLoaders: 2,
                  sourceMap: isEnvProduction
                    ? shouldUseSourceMap
                    : isEnvDevelopment,
                  modules: true,
                  getLocalIdent: getCSSModuleLocalIdent,
                },
                'less-loader'
              ),
            },