Question

我正在尝试将Autoprefixer添加到我编译我的SCSS文件的Node.js脚本中。在Autoprefixer docs on npm.js.com上，他们给出了与Node一起使用的以下代码示例：

var autoprefixer = require('autoprefixer');
var postcss      = require('postcss');
 
postcss([ autoprefixer ]).process(css).then(function (result) {
    result.warnings().forEach(function (warn) {
        console.warn(warn.toString());
    });
    console.log(result.css);
});

实现此功能后，我的CSS仍在返回，而未添加浏览器前缀。我相信这是因为我还没有通过我希望支持的浏览器。过去使用Autoprefixer时，您必须为此目的传递一个字符串，例如“ last 2版本”。但是，我似乎找不到任何文档来说明如何使用Autoprefixer以这种方式执行此操作。有人可以帮忙吗？谢谢

Answer 1

defining supported browser当前推荐的方法是：

.browserslistrc配置文件

browserslist

package.json字段

仍然支持

browsers option，但不建议使用：

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

将Autoprefixer与PostCSS一起使用-配置浏览器支持

1 个答案: