React中配置less

React中配置less

安装less

npm install less-loader less --save-dev

查找 node_modules 下面的react-scripts/config/webpack.config.js
上面两行代码放在

 

接着ctrl+f查找这个sassModuleRegex 放在这段注释的上面

 

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

 


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

配置less报错修改TypeError: this.getOptions is not a function
是因为less-loder版本过高，安装下旧版本

// 卸载

npm uninstall --save less-loader

// 安装

npm install -D less-loader@7.x