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、运行项目大功告成

转载于:https://www.cnblogs.com/directiones/p/8474270.html