postcss-pxtorem 是一款 PostCSS 插件,用于将 px 单位转化为 rem 单位。
lib-flexible 用于设置 rem 基准值。
1.安装postcss-pxtorem 和 lib-flexible
npm install lib-flexible --save
npm install postcss-pxtorem --save-dev
2.引入lib-flexible
在main.js中引入引入lib-flexible
import 'lib-flexible'
3. 配置postcss-pxtorem
在项目的根目录新建postcss.config.js文件中配置
module.exports = {
plugins: {
'autoprefixer': {
browsers: ['Android >= 4.0', 'iOS >= 7']
},
'postcss-pxtorem': {
rootVa