用vue + vant搭建一個(gè)移動(dòng)端項(xiàng)目的時(shí)候遇到這個(gè)報(bào)錯(cuò):
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適配方式來(lái)的,如圖:(地址:https://youzan.github.io/vant/#/zh-CN/quickstart#postcss-pei-zhi)
1:夺衍、下載下圖中兩個(gè)插件
2狈谊、在根目錄下新建文件postcss.config.js,文件內(nèi)容就是下圖中的postcss配置(在這里我運(yùn)行報(bào)錯(cuò)了沟沙,就是上面說(shuō)的那個(gè)錯(cuò))河劝。
3、解決報(bào)錯(cuò):參考網(wǎng)上各路大神的指示矛紫,將配置代碼改成:
module.exports?=?{
??plugins:?{
????'autoprefixer':?{
??????overrideBrowserslist:?[
????????"Android?4.1",
????????"iOS?7.1",
????????"Chrome?>?31",
????????"ff?>?31",
????????"ie?>=?8"
??????]
????},
????'postcss-pxtorem':?{
??????rootValue:?37.5,
??????propList:?['*']
????}
??}
}
附上參考的兩位大佬文章的鏈接: