react配置less

1.修改源
查看源

npm config get registry

2
默认源

npm config set registry https://registry.npmjs.org

3
切换淘宝源

npm config set registry
https://registry.npm.taobao.org

2.创建react项目

npm install -g create-react-app

create-react-app 项目名称

3.在react中配置less

安装less
npm install less-loader less --save-dev
查找 node_modules 下面的react-scripts/config/webpack.config.js
默认已经帮你配置了sass环境 (只要安装sass环境 npm install sass-loader node-sass --save-dev)

我们只要新增

const lessRegex = /\.less$/;
const lessModuleRegex = /\.module\.less$/;
 
 
在上面的sass那边copy一份，配置成为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'
              ),
            },

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

// 卸载

npm uninstall --save less-loader

// 安装

npm install -D less-loader@7.x