我必须使用什么webpack加载器来组合媒体查询？

Question

为了组合媒体查询，我必须使用什么webpack加载器，或者现在没有这样的加载器？ 在我的项目中，我使用style-loader，css-loader，postcss-loader和sass-loader来构建样式表。但是，它们都没有组合媒体查询。 我只需要一个webpack loader就像grunt / gulp-combine-media-queries。

提前致谢。

Answer 1

您可以使用css-mqpacker，它也可以用作PostCSS插件。

以下是webpack项目中postcss.config.js文件的示例。

＆＃13;

＆＃13;

module.exports = {
    plugins: [
        require('autoprefixer')({
            browsers: ['last 2 versions', 'ie >= 11']
        }),
        require("css-mqpacker"),
        require('cssnano')({ zindex: false })
    ]
};

＆＃13;

＆＃13;

＆＃13;