create-react-app 搭建项目遇到的问题整理

1.npm run eject 暴露出create-react-app的webpack配置文件

2.引入less

先安装less、less-loader
npm less less-loader --save

找到暴露出来的webpack.config.js文件，修改增加配置如下：

// 在webpack.config.js文件下增加如下
// 1. sassModuleRegex下面增加如下
const lessRegex = /\.(less)$/;
const lessModuleRegex = /\.module\.(less)$/;

// 2.sassModuleRegex下面配置如下
 // Less 解析配置
            {
              test: lessRegex,
              exclude: lessModuleRegex,
              use: getStyleLoaders(
                {
                  importLoaders: 2,
                  sourceMap: isEnvProduction
                    ? shouldUseSourceMap
                    : isEnvDevelopment,
                },
                'less-loader',
              ),
              sideEffects: true,
            },

            {
              test: lessModuleRegex,
              use: getStyleLoaders(
                {
                  importLoaders: 2,
                  sourceMap: isEnvProduction