webpack - 如何使用 browserlist 在 autoprefixer 中指定多个浏览器

Question

我只是想知道如何在 autoprefixer 中指定多个浏览器

所以例如我目前有

postcss: [autoprefixer({ browsers: ['ie >= 9'] }) ],

但是，如果我还想指定大于 20 的 firefox 和大于 9.1 的 safari，我该怎么做呢？

Answer 1

看起来您将指定为字符串数组的各种浏览器传递给查询。

所以要指定firefox大于20，safari大于9.1，IE大于9：

postcss: [autoprefixer({ browsers: ['ie 10', 'firefox 20', 'safari 9.1' ] }) ],

这似乎正在工作......但是文档对于多个浏览器查询如何作为带有 autoprefixer 的字符串工作有点含糊

以下是浏览器列表文档的一些相关部分：

• 您可以通过传递字符串来选择浏览器。该库将使用 Can I Use 数据返回所有匹配版本的列表。
• 您可以通过查询指定版本（不区分大小写）：
• 名称不区分大小写：