2016-09-06 91 views
3

我在我的webpack.config中加载了我的css文件。我只需要禁用我的css文件的缩小。需要使用UglifyJsPlugin webpack禁用缩小CSS但不使用JS

{ 
    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-装载机在一起是什么原因造成的CSS缩小文件。问题是它有多个错误输出无效的CSS。

它仍在缩小我的CSS尽管这些各种尝试禁用CSS。

如何禁用缩小为CSS但仍然缩小我的JS文件?

+1

'UglifyJsPlugin'用于JS btw,而不是CSS。 –

+1

将UglifyJsPlugin和css-loader混合在一起会导致webpack缩小CSS。必须有一个选项来禁用CSS minify,但havnt发现它尚未 – appthat

回答

4

所以我想清楚需要做什么。

当谈到无效CSS输出,你需要添加

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

在文档中该属性-minimize说,这将禁用缩小(这它does not),但它确实解决无效的CSS问题我越来越。

+0

它也将包括在bundle.js中的CSS。 { test:/\.css$/, loader:'style-loader!css-loader?-minimize&-autoprefixer!postcss-loader', } – vudduu