React 配置less

1..先下载 less less-loader：

npm install less-loader@6.0.0 less --save-dev

注意下载less-loader 版本指定6.0.0的，不然会报错

2. 查找 node_modules 下面的react-scripts/config/webpack.config.js

在 webpack.config.js 新增以下内容

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和less-loader配置会导致报错

自行搜索
create-react-app 配置 less TypeError: this.getOptions is not a function

把报错信息输入进去 定位到你想要的解决思路