需要使用UglifyJsPlugin webpack禁用CSS的缩小而不是JS

时间:2016-09-06 22:54:45

标签: javascript css webpack minify

我在webpack.config中有这个设置来加载我的css文件。我只需要在我的css文件上禁用minify。

{
   test: /\.sass$/,
   //loaders: ['style', 'css', 'sass']
   loader: ExtractTextPlugin.extract('style', 'css-loader!less-loader')
}

在我的插件中我有:

new webpack.optimize.UglifyJsPlugin({
   exclude: [/file\.css$/],
   minimize: true
})

根据我一直在阅读的内容,将UglifyJsPlugin和css-loader混合在一起是导致CSS缩小的原因。问题是存在多个错误,它会输出无效的CSS。

尽管有各种尝试禁用css,它仍在缩小我的CSS。

如何禁用minify for css但仍然缩小我的js文件?

1 个答案:

答案 0 :(得分:4)

所以我想出了需要做些什么。

当涉及无效的CSS输出时,您需要添加

?-minimize    
loader: ExtractTextPlugin.extract('style', 'css-loader?-minimize!less-loader')

这个属性 - 在文档中最小化说它将禁用缩小(它没有),但它确实修复了我得到的无效CSS问题。