react antd less-loader 配置

问题说明

1. 由于react 的版本不同，观看教程时 react的配置文件无法对应，导致 less-loader的配置出现问题，而且less 版本3.0之后，在react 加载 less 文件时会报出 错误：

.bezierEasingMixin();Inline JavaScript is not enabled. Is it set in your options?

2. 如何修改antd主题
3. EONSPC错误

问题解决

1. 安装 less-loader less 插件之后 配置 webpack.config.js 文件：
   将webpack.config.js中的 sass 的配置copy一份，修改为如下：

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

  {
    test: lessRegex,
    exclude: lessModuleRegex,
    use: getStyleLoaders(
      {
        importLoaders: 2,
      },
      'less-loader',
    ),
  },
  {
    test: lessModuleRegex,
    use: getStyleLoaders(
      {
        importLoaders: 2,
        modules: true,
        getLocalIdent: getCSSModuleLocalIdent,
      },
      'less-loader'
    ),
  },

2. 解决 Inline JavaScript is not enabled. Is it set in your options? 错误 并 修改 主题
   在 webpack.config.js中找到如下代码并注释

// if (preProcessor) {
    //   loaders.push({
    //     loader: require.resolve(preProcessor),
    //     options: {
    //       sourceMap: isEnvProduction ? shouldUseSourceMap : isEnvDevelopment,
    //     },
    //   });
    // }
    // return loaders;

3. 添加 如下代码

if (preProcessor) {
      let loader = require.resolve(preProcessor)
      if (preProcessor === "less-loader") {
        loader = {
          loader,
          options: {
            modifyVars: { //自定义主题
              'primary-color':'#f9c700',
            },
            javascriptEnabled: true,
          }
        }
      }
      loaders.push(loader);
    }
    return loaders;