PostCSS plugin postcss-pxtorem requires PostCSS 8.
npm install postcss-pxtorem --save-dev //项目下安装postcss-pxtoremnpm install --save lib-flexible 或 npm i -S amfe-flexible//项目下安装lib-flexible
·
在项目中做移动适配的时候运行如下命令
1.下载 postcss-pxtorem 和 lib-flexible 包
npm install postcss-pxtorem --save-dev
或 npm i postcss-pxtorem -D //项目下安装postcss-pxtorem
npm install --save lib-flexible 或 npm i -S amfe-flexible //项目下安装lib-flexible
2.在postcss.config.js文件中添加移动适配配置
module.exports = {
plugins: {
autoprefixer: {
overrideBrowserslist: ['Android 4.1', 'iOS 7.1', 'Chrome > 31', 'ff > 31', 'ie >= 8']
},
'postcss-pxtorem': {
rootValue: 37.5,
propList: ['*'],
//selectorBlackList: ['van-']
}
}
}
3.在main.js文件中引入
// 移动端适配
import 'lib-flexible/flexible.js'
运行项目后会报错 PostCSS plugin postcss-pxtorem requires PostCSS 8.
需要降低 postcss-pxtorem 的版本
卸载默认安装的版本
npm uninstall postcss-pxtorem
安装指定版本
npm i postcss-pxtorem@5.1.1
更多推荐
已为社区贡献6条内容
所有评论(0)