vue px直接转化为rem

1.命令 npm install postcss-px2rem --save-dev

          npm install px2rem-loader--save-dev

2.build/utils.js文件

   第一步:找到exports.cssLoaders = function (options) {}方法插入

 const px2remLoader = {
    loader: 'px2rem-loader',
    options: {
      remUnit: 75
    }
  }

第二步:找到function generateLoaders (loader, loaderOptions) {}中的

const loaders = options.usePostCSS ? [cssLoader, postcssLoader] : [cssLoader]替换为

const loaders = options.usePostCSS ? [cssLoader, postcssLoader, px2remLoader] : [cssLoader, px2remLoader]

 

大功告成!!!