vue 项目中px转rem转换问题(postcss-px2rem)

1、安装postcss-px2rem

    npm install postcss-px2rem --save

    npm install postcss-px2rem --save

2、配置px2rem

  在配置文件build目录下vue-loader.conf.js中增加

module.exports = {
loaders: utils.cssLoaders({
sourceMap: isProduction
? config.build.productionSourceMap
: config.dev.cssSourceMap,
extract: isProduction
}),
postcss: [

require('postcss-px2rem')({'remUnit':75}) //75转换比值
]
}
3、运行项目大功告成

posted @ 2018-02-26 17:20  方大象  阅读(1467)  评论(1编辑  收藏  举报