在浏览器列表中替换自动前缀浏览器选项

时间:2019-06-18 11:10:47

标签: metronic gulp-autoprefixer

我正在使用[Metronic v6.03]

我遵循了文档快速入门教程。 https://keenthemes.com/metronic/?page=docs

如果我输入“ gulp build”命令,则会收到一条消息:

“将Autoprefixer浏览器选项替换为Browserslist配置。 使用package.json或.browserslistrc文件中的browserslist键。

使用浏览器选项会导致某些错误。浏览器列表配置 可以用于Babel,Autoprefixer,postcss-normalize和其他工具。

如果您确实需要使用该选项,请将其重命名为overrideBrowserslist。

了解更多信息: https://github.com/browserslist/browserslist#readme https://twitter.com/browserslist

主题无法正确编译。

NPM版本:6.9.0

纱线版本​​:1.16.0

Gulb版本

CLI:2.2.0

本地版本:4.0.2

我将package.json上的浏览器列表更改为

“浏览器列表”:[

"last 1 version",

"> 1%",

"maintained node versions",

"not dead"

]

,然后尝试将行替换为:

“浏览器列表”:[

"defaults"

]

在Linux上,我在上面添加了一行.browserslistrc文件。

3 个答案:

答案 0 :(得分:4)

转到helpers.js文件,并在第128行, 您必须将浏览器选项更改为overrideBrowserslist。那就可以了

答案 1 :(得分:2)

您可以创建.browserslistrc而不是编辑package.json:

last 1 version >1% maintained node versions not dead `

答案 2 :(得分:1)

这里并不是一个真正的问题,但是我想您想摆脱这个错误。

由于Metronic不能免费下载,所以看不到源代码。但是问题出在gulpfile.js

寻找autoprefixer(),此函数将有一些作为参数传递的选项。删除这些选项。并将它们作为package.json]移到您的browserslist: ["browserConfig1", "browserConfig2", "..."