2016-09-06 92 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