无法用Electron React Boilerplate配置少加载器。

Question

我使用的是 蚂蚁设计 与 电子反应锅炉板 需要加载较少的文件作为全局样式来定制其主题颜色，如上所述。此处. 我已经在 webpack.config.renderer.dev.babel.js 和 webpack.config.renderer.prod.babel.js 作为

{
    test: /\.less$/,
    use: [{
      loader: 'style-loader',
    }, {
      loader: 'css-loader',
    }, {
      loader: 'less-loader',
      options: {
        lessOptions: {
          modifyVars: {
            'primary-color': '#e6315a',
            'link-color': '#e6315a',
            'border-radius-base': '2px',
          },
          javascriptEnabled: true,
        },
      },
    }],
  },

这就是我 少文件 app.global.less

@import '~ag-grid-community/dist/styles/ag-grid.css';
@import '~ag-grid-community/dist/styles/ag-theme-alpine.css';
@import '~antd/dist/antd.less';

当我试着跑进 发展 使用 yarn dev，它运行良好的自定义主题颜色，但当我尝试运行在 生产 使用 yarn start它显示空白屏幕，并出现以下错误

Answer 1

你可以直接替换 loader: 'style-loader', 与 loader: MiniCssExtractPlugin.loader 在webpack.config.renderer.prod.babel.js中。

中的全局.less全球少

其他.less文件非全局性文件

希望能帮到你