Question

我正在使用webpack，我一直在尝试配置react-toolbox库。我设法让它工作但css没有加载。

webpack.config.js

Answer 1

您尚未将样式加载程序配置为发出CSS模块

将此添加到您的样式加载器

loader: 'style!css?modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]!postcss'

这将打开CSS模块，并将其设置为允许postCSS连接到它

请记住，现在这会将任何.scss或.css文件视为本地作用域模块，因此如果您要保留全局的任何单独的正常SCSS或CSS，则需要添加他们的另一条规则

//编辑

如果您的其他加载程序配置仍在该数组中，则可能会使用加载程序字符串混淆（因为上面的字符串是将它们全部组合在一起的简写），请尝试单独使用配置对象...

{
  test: /\.css$/,
  use: [
    'style-loader', 
    {
      loader: 'css-loader',
      options: {
        importLoaders: 1,
        localIdentName: '[name]__[local]___[hash:base64:5]',
        modules: true
      }
    }, 
    {
      loader: 'postcss-loader',
      options: {
        plugins: [
          postcssNext
        ]
      }
    }
  ]
}

React Toolbox不再使用已迁移到PostCSS的SCSS，因此我将其留下 - 如果您使用它，则以相同的方式添加

webpack 2中的react-toolbox css配置无法正常工作

1 个答案: