Webpack 2使用选项提取文本插件

时间:2017-03-03 15:49:46

标签: webpack webpack-2 css-loader extract-text-plugin

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

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

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

1 个答案:

答案 0 :(得分:0)

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

  

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

     

在某些情况下,缩小对css具有破坏性,因此您可以为其提供一些选项。 cssnano用于缩小,你会找到list of options here

     

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

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

ExtractTextPlugin.extract()内,您不应使用loaderoptions,而应使用usefallbackpublicPath(请参阅{ {3}})。 use参数采用与加载器本身的use参数相同的参数,因此最终应该得到类似的结果:

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

参见docuhttps://github.com/webpack-contrib/css-loader