vue项目中px自动转换为rem

1.安装 postcss-pxtorem :  npm install postcss-pxtorem -D
2.修改 /build/utils.js 文件

找到 postcssLoader 

const postcssLoader = {
    loader: 'postcss-loader',
    options: {
          sourceMap: options.sourceMap
    }
}
修改为：

const postcssLoader = {
    loader: 'postcss-loader',
    options: {
      sourceMap: options.sourceMap,
      plugins: [
        require('postcss-pxtorem')({
          'rootValue': 32,
          propList: ['*']
        })
      ]
    }
}
    

 

转载于:https://www.cnblogs.com/huanhuan55/p/9770893.html