如何将浏览器列表添加到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

看起来cssnext的选项工作方式相同：cssnext usage

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

Answer 3

我正在使用Gulp.js，每次使用postcss-cssnext自动将供应商前缀添加到我的CSS样式中时，我的代码都会运行。

var plugins = [    cssnext（{browsers：[＆＃39;最后2个版本＆＃39;]}）];