2016-09-06 5 views
3

私のcssファイルをロードするためのwebpack.configにこの設定があります。私は自分のCSSファイルでのみ縮小を無効にする必要があります。私は持っている私のプラグインでUglifyJsPlugin webpackを使用してCSSの縮小化を無効にする必要があります。

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

:私は一緒にUglifyJsPluginとCSS-ローダーを混合読んされているかどうかに基づいて

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

は、CSSのにより縮小を引き起こすものです。問題は、無効なCSSを出力する複数のバグがあることです。

これらのCSSを無効にするさまざまな試みにもかかわらず、私のCSSはまだ縮小されています。

どのようにしてCSS用の縮小を無効にできますが、まだjsファイルを縮小しますか?

+1

'UglifyJsPlugin'はCSSではなくJS btw用です。 –

+1

UglifyJsPluginとcss-loaderを混在させると、webpackはCSSを縮小します。 CSS minifyを無効にするオプションが必要ですが、まだ見つかっていません – appthat

答えて

4

私は何をする必要があるかを考え出しました。

それはCSS出力を無効に来るとき、あなたはこの属性は、ドキュメントで-minimize

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

を追加する必要があり、それが(それはdoesntの)縮小を無効にしますと言うが、それは無効なCSSの問題を修正しました私は得ていた。

+0

また、bundle.jsのCSSも含めて動作します。 { test:/\.css$/、 ローダー: 'style-loader!css-loader?minimize&-autoprefixer!postcss-loader'、 } – vudduu

関連する問題