创建react项目，并配置less，以及配置less报错的解决方式和修改源

1.修改源   查看源

npm config get registry

默认源

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

切换淘宝源

npm config set registry

https://registry.npm.taobao.org

 2.创建react项目

npm install -g create-react-app

create-react-app 项目名称

 

3.在react中配置less

（1）安装less
（2）npm install less-loader less --save-dev
（3）查找 node_modules 下面的react-scripts/config/webpack.config.js
（4）默认已经帮你配置了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