如何在字符串模式下使用带有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 功能。