根据VANT官方说明,项目中需要安装两个插件。如果需要使用rem单位进行适配,推荐以下两个工具:postcss-pxtorem是一个PostCSS插件,用于将px单位转换为rem单位lib-flexible用于设置rem基准值,但是安装和昨天用的,出问题了。提示错误,打开项目页面也是空白。于是上百度一查,发现网上的文章都是抄袭的。问题基本没有解决。折腾了一番,发现是postcss插件的版本高了。目前如果不指定版本号,基本都会安装6+以上的版本。导致项目无法识别其身份错误!安装需要指定它的版本号,比如5.1.1npmipostcss-pxtorem@5.1.1然后安装lib-flexible安装完成后,在main.js中importimport"amfe-flexible"新建一个一个在项目的根目录下。postcssrc.js文件(网上很多人说安装插件后会自动生成,我这里没有。)然后在里面写:module.exports={"plugins":{"autoprefixer":{"browsers":["Android>=4.0","iOS>=8"]},"postcss-pxtorem":{"rootValue":37.5,"propList":["*"]}}}重启服务就可以看到原来的PX所有单位都变成了rem单位!发现VUE安装插件依赖后,项目无法启动或启动后一片空白。基本上是插件版本太高引起的,注意!
