autoprefixer - 如何将浏览器列表添加到 cssnext

Question

我正在使用postcss-cssnext并在我的 webpack.config 中删除了 autoprefixer

postcss: [autoprefixer({ browsers: ['last 2 versions'] }) ],

并包括cssnext。我知道 cssnext 已经包含 autoprefixer，所以我们不需要两者都包含。我只是想知道如何将browserslist传递给 cssnext？这是我目前拥有的：

postcss: [cssnext()],

Answer 1

我用 gulp 遇到了同样的问题。这是我用的。

postcss: [cssnext({ browsers: ['last 2 versions'] })]

Answer 2

我正在使用 Gulp.js，这是我每次使用 postcss-cssnext 将供应商前缀自动放入我的 CSS 样式时运行的代码。

var plugins = [ cssnext({browsers: ['last 2 versions']})];

Answer 3

看起来这些选项对 cssnext 的工作方式相同：cssnext 用法

这与您可能从 Autoprefixer 知道的选项完全相同。由于 cssnext 包含 Autoprefixer，因此该选项被传播。