react less配置

第一步

//添加less less-loader
yarn add less less-loader
npm install less less-loader

第二步

//修改webpack config 在65行左右 加入变量
const lessRegex = /\.less$/
const lessModuleRegex = /\.module\.less$/

第三步

//修改 getStyleLoaders方法 搜索getStyleLoaders方法 在方法里面加入参数 lessOptions 加入后为
const getStyleLoaders = (cssOptions, preProcessor, lessOptions) => {
//增加less-loader 在116行左右 上下有相似代码
  {
    loader: require.resolve("less-loader"),
    options: lessOptions,
    },

第四步

//在499行左右 加入如下配置  上下有相似代码   
    {
        test: lessRegex,
        exclude: cssModuleRegex,
        use: getStyleLoaders({
            importLoaders: 1,
            sourceMap: isEnvProduction && shouldUseSourceMap,
        }),
        sideEffects: true,
    },
    {
        test: lessModuleRegex,
        use: getStyleLoaders({
            importLoaders: 1,
            sourceMap: isEnvProduction && shouldUseSourceMap,
            modules: true,
            getLocalIdent: getCSSModuleLocalIdent,
        }),
    },

ok