0

我正在尝试使用新的 Webpack 2 配置将选项传递给 css 加载器:

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

但是这些选项不起作用。我做错了什么?

4

1 回答 1

0

Minimize 似乎没有您尝试调用它的参数:

默认情况下,如果模块系统指定,css-loader 会最小化 css。

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

您还可以使用最小化查询参数禁用或强制缩小。

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

在你的内部ExtractTextPlugin.extract(),你不应该使用loaderand options,而应该使用use, fallbackand publicPath(参见文档)。该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-loaderhttps://github.com/webpack-contrib/extract-text-webpack-plugin

于 2017-03-13T13:54:09.173 回答