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

Question

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

提前致谢。

Answer 1

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

这是 webpack 元素中 postcss.config.js 文件的示例。

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