node.js - 在 PostCSS 中使用 Autoprefixer

问题描述

我正在尝试将 Autoprefixer 添加到我拥有的用于编译我的 SCSS 文件的 Node.js 脚本中。在npm.js.com 上的 Autoprefixer 文档中，他们提供了以下用于 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.jspostcssautoprefixer

目前推荐的定义支持浏览器的方法是：

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

browsers仍然支持该选项，但不鼓励使用它：

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

node.js - 在 PostCSS 中使用 Autoprefixer - 配置浏览器支持

问题描述

解决方案

推荐阅读