react引用less

使用react脚手架搭建项目，使用less预编译，

1.安装依赖

npm install less less-loader

配置暴露

npm run eject

如果暴露失败可以先执行以下命令

git add .
git commit -m "init"

执行完毕需要在webpack.config.js文件下进行配置

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

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