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删除评论：example

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功能。

如何在字符串模式下使用带有webpack 2的CSS Loader删除所有注释？

2 个答案: