用vue + vant搭建一个移动端项目的时候遇到这个报错:
Replace Autoprefixer browsers option to Browserslist config.
Use browserslist key in package.json or .browserslistrc file.
Using browsers option cause some error. Browserslist config
can be used for Babel, Autoprefixer, postcss-normalize and other tools.
If you really need to use option, rename it to overrideBrowserslist.
Learn more at:
https://github.com/browserslist/browserslist#readme
https://twitter.com/browserslist
我是完全按照官方推荐的rem适配方式来的,如图:(地址:https://youzan.github.io/vant/#/zh-CN/quickstart#postcss-pei-zhi)
1:、下载下图中两个插件
2、在根目录下新建文件postcss.config.js,文件内容就是下图中的postcss配置(在这里我运行报错了,就是上面说的那个错)。
3、解决报错:参考网上各路大神的指示,将配置代码改成:
module.exports = {
plugins: {
'autoprefixer': {
overrideBrowserslist: [
"Android 4.1",
"iOS 7.1",
"Chrome > 31",
"ff > 31",
"ie >= 8"
]
},
'postcss-pxtorem': {
rootValue: 37.5,
propList: ['*']
}
}
}
附上参考的两位大佬文章的链接: