vue项目安装postcss-pxtorem
第一步:命令安装npm i lib-flexible --save第二步:main.js文件引入import 'lib-flexible/flexible'第三步:安装postcss-pxtorem,如果不指定版本有可能会报错。npm i postcss-pxtorem@5.1.1第四步:配置postcss-pxtorem文件,在根目录的.postcssrc.js下配置,如果文件没有,自己手动创建
·
第一步:命令安装
npm i amfe-flexible
第二步:main.js文件引入
import 'amfe-flexible'
第三步:安装postcss-pxtorem,如果不指定版本有可能会报错。
npm i postcss-pxtorem@5.1.1
第四步:配置postcss-pxtorem文件,在根目录的.postcssrc.js下配置,如果文件没有,自己手动创建个
module.exports = {
plugins: {
'autoprefixer': {
browsers: ['Android >= 4.0', 'iOS >= 8']
},
'postcss-pxtorem': {
// rootValue: 37.5,
rootValue ({ file }) {
return file.indexOf('vant') !==- 1? 37.5:75
},
propList: ['*']
}
}
}
第五步: 根路径创建vue.config.js文件 关闭Eslint 代码校验
module.exports = {
lintOnSave: false
}
第六步:启动项目看效果。
更多推荐
已为社区贡献1条内容
所有评论(0)