react中引入less

React 中引入less

在 当前最新的 less 、 less-loader 支持下，

可以成功引入less。

当前版本：

    "less": "^4.1.2",
    "less-loader": "^10.2.0"

项目根目录执行：

Git init

git add .

git commit -m ''

npm run eject // 暴露 config/webpack.config.js

// webpack.config.js 新增

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

// modules/rules/oneOf  sassModuleRegex 后面
 {
              test: lessRegex,
              exclude: lessModuleRegex,
              use: getStyleLoaders(
                {
                  importLoaders: 1,
                  sourceMap: isEnvProduction
                    ? shouldUseSourceMap
                    : isEnvDevelopment,
                  modules: {
                    mode: 'icss',
                  },
                },
                'less-loader'
              ),
              sideEffects: true,
            },
            {
              test: lessModuleRegex,
              use: getStyleLoaders(
                {
                  importLoaders: 1,
                  sourceMap: isEnvProduction
                    ? shouldUseSourceMap
                    : isEnvDevelopment,
                  modules: 'local',
                  getLocalIdent: getCSSModuleLocalIdent,
                },
                'less-loader'
              ),
            },

至于老项目中这样新增为什么会报错？题暂时保留疑问