vue2.0 px与rem转换问题

由于我们拿到的产品图标注都是px为单位的，为了不去计算px与rem的转换，我们使用px2rem插件，来捕捉当前项目的所有px，直接计算相对应数值，这样，以后写界面，就可以直接用px来构建界面，不用自己去计算啦

1、安装插件

npm i postcss-px2rem --save
npm install px2rem-loader --save

2、配置px2rem

build目录下vue-loader.conf.js中，做如下修改：

module.exports = {
  loaders: utils.cssLoaders({
    sourceMap: sourceMapEnabled,
    extract: isProduction
  }),
  cssSourceMap: sourceMapEnabled,
  cacheBusting: config.dev.cacheBusting,
  transformToRequire: {
    video: ['src', 'poster'],
    source: 'src',
    img: 'src',
    image: 'xlink:href'
  },
  postcss:[require('postcss-px2rem')({'remUnit':75,'baseDpr':2})]/*因为我是以750px(iphone6)宽度为基准，所以remUnit为75*/
}

3、在static目录中，建js文件夹，放fl