reactjs - 无法使用 Electron React 样板配置 less-loader

Question

我正在将Ant Design与Electron React Boilerplate一起使用，并且需要加载较少的文件作为全局样式来自定义其主题颜色，如此处所述。我已将 less-loader配置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,
        },
      },
    }],
  },

这是我的less文件 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

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

global.less 全球少

其他 .less 文件 less 文件不是全局的

希望这可以帮到你