在 PostCSS 中使用 Autoprefixer - 配置浏览器支持答案

【问题标题】：Using Autoprefixer with PostCSS - configure the browser support在 PostCSS 中使用 Autoprefixer - 配置浏览器支持
【发布时间】：2019-01-09 02:49:03
【问题描述】：

我正在尝试将 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 versions'。但是，我似乎找不到任何文档来说明如何以这种方式使用 Autoprefixer 来做到这一点。任何人都可以帮忙吗？谢谢

【问题讨论】：

标签： node.js postcss autoprefixer

【解决方案1】：

defining supported browser目前推荐的方式有：

.browserslistrc 项目根目录下的配置文件
项目package.json 文件中的browserslist 字段

browsers option 仍受支持，但不鼓励使用：

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

【讨论】：