vue项目使用postcss-pxtorem（应用于vue-cli 2和3）

vue-cli 2:

1、安装插件yarn或者npm

npm install postcss-pxtorem
或者
yarn add postcss-pxtorem

2、编辑项目根目录下.postcss.js文件（没有则新建一个）

module.exports = {
  "plugins": {
    "postcss-import": {},
    "postcss-url": {},
    // to edit target browsers: use "browserslist" field in package.json
    "autoprefixer": {},
    "postcss-pxtorem": { // 此处为添加部分
      rootValue: 32, // 对应16px 适配移动端750px宽度
      unitPrecision: 5,
      propList: ['*'],
      selectorBlackList: [],
      replace: true,
      mediaQuery: false,
      minPixelValue: 0
    }
  }
}

cli3

项目下找到vue.config.js，（没有则新建一个）

module.exports = {
  css: {
    loaderOptions: {
      postcss: {
        plugins: [
          require