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

您可以使用 optimize-css-assets-webpack-plugin 删除评论：示例

Answer 2

还不如继续在那里添加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 功能。