WebPack 2提取带有选项的文本插件

Question

我试图将选项传递给CSS Loader，并带有新的WebPack 2配置：

{
  test: /.css$/,
  use: ExtractTextPlugin.extract({
    loader: 'css-loader',
    options: {
      minimize: {
        discardComments: {
          removeAll: true,
        }
      },
    },
  }),
},

但是选项不起作用。我做错了什么？

Answer 1

最小化似乎没有您尝试使用的参数：

默认情况下，如果由模块系统指定，则CSS加载器最小化CSS。

在某些情况下，缩小对CSS具有破坏性，因此您可以为其提供一些选择。CSSNANO用于缩小，您可以在此处找到选项列表。

您也可以使用最小的查询参数禁用或强制执行缩小。

{
  test: /.css$/,
  use: [
    {
      loader: 'css-loader',
      options: {
        minimize: true || {/* CSSNano Options */}
      }
    }
  ]
}

在ExtractTextPlugin.extract()内，您不应使用loader和options，而是use，fallback和publicPath（请参阅Docu）。use参数采用与加载程序本身的use参数相同的参数，因此最终您应该得到类似的内容：

{
  test: /.css$/,
  use: ExtractTextPlugin.extract({
    fallback : 'style-loader',
    use : {
      loader: 'css-loader',
      options: {
        minimize: true || {/* CSSNano Options */}
      }
    }
  })
}

请参阅https://github.com/webpack-contrib/css-loader请参阅https://github.com/webpack-contrib/extract-text-webpack-plugin