Gulp 的 Autoprefixer 插件中的 browserslist 选项是否定义了应该包含或排除哪些浏览器？答案

【问题标题】：Does the browserslist option in Gulp's Autoprefixer plugin define what browsers should be included or excluded?Gulp 的 Autoprefixer 插件中的 browserslist 选项是否定义了应该包含或排除哪些浏览器？
【发布时间】：2016-12-25 04:38:14
【问题描述】：

这可能是我问过的最愚蠢的问题，但我发现文档和有限的示例非常模糊。

我希望支持尽可能多的浏览器，包括 IE7+，例如

.pipe(autoprefixer({
    browsers: ['last 5 versions', 'ie >= 7']
})

从逻辑上讲，我假设上面的“浏览器”选项的存在是为了准确定义应该支持哪些浏览器或浏览器范围。换句话说，上面的内容可以翻译为：

“支持每个浏览器的最后 5 个版本，并确保支持所有版本的 IE（从 7 个以上）。”

另一种说法：

“不要删除这些浏览器所需的任何样式”

请问我是否正确理解了browsers 选项？

【问题讨论】：

顺便说一下，Autoprefixer 团队建议进行一些更改： 1. 在package.json 中使用browserslist 配置文件或browserslist 选项。在这种情况下，许多其他工具将使用此浏览器。 2.gulp-autoprefixer不是官方方式。官方方式是gulp-postcss 和autoprefixer，因为你会更快收到更新。
啊，那么关于 postCSS，是这样的吗？：.pipe(postcss([ autoprefixer({ remove: false, browsers: ['last 5 versions', 'ie >= 7'] }) ]))
最佳方式：.pipe(postcss([ autoprefixer({ remove: false }) ])) in gulpfile.js 和 "browserslist": ["last 5 versions", "ie >= 7"] in package.json。

标签： gulp gulp-sass gulp-autoprefixer

【解决方案1】：

是的，您正确理解browsers。 ['last 5 versions', 'ie >= 7'] 表示“支持每个浏览器的最后 5 个版本并确保支持所有版本的 IE（从 7 个以上）”。

【讨论】：