如何在CSS模式下使用webpack 2刪除CSS Loader的所有註釋？

Question

我用這個配置對於​​我的WebPack 2

 { 
      test: /\.css$/i, 
      use: ExtractTextPlugin.extract({ 
       use: 'css-loader?minimize' 
      }) 
     } 

如何刪除基於字符串模式的所有評論？ 我用這個，但不起作用

'css-loader?minimize&{discardComments:{removeAll:true}}' 

誰能幫助我？

Answer 1

還不如繼續，並在那裏添加SASS。這是我們的配置。

const style_loader = ExtractTextPlugin.extract({ 
    fallback: 'style-loader', 
    use: [ 
    { loader: 'css-loader', 
     options: { 
     sourceMap: true 
     } 
    }, 
    { loader: 'postcss-loader', 
     options: { plugins() { return [Autoprefixer]; } } 
    }, 
    { loader: 'resolve-url-loader' }, 
    { loader: 'sass-loader', 
     options: { sourceMap: true } 
    } 
    ] 
}); 

定義上面，然後在下方的規則，你可以有：

{ 
    test: /\.scss$/, 
    use: style_loader 
} 

然後，當你把你的插件：

new ExtractTextPlugin('[name].css'), 

我將導入一個main.scss文件導入你的.js文件是你的入口點，然後將你的_partial.scss文件導入到main.scss文件中。這樣你就可以分解你的樣式並開始使用所有的sass特性。

Answer 2

您可以使用optimize-css-assets-webpack-plugin刪除評論：example