vuecli4手机端 px自适应配置 （px转rem）

npm install amfe-flexible --S
npm install postcss-pxtorem --S

在main.js引入

import 'amfe-flexible' 

在vue.config.js里面配置 ；如果没有这个文件夹在根目录下面创建一个

module.exports = {
    css: {
      loaderOptions: {
        postcss: {
          plugins: [
            require("autoprefixer")({
              // 配置使用 autoprefixer
              overrideBrowserslist: ["last 15 versions"] 
            }),
            require("postcss-pxtorem")({
              rootValue: 100, // 换算的基数
              propList: ["*"],
            //exclude: /node_modules/  //配置无需转换
            })
          ]
        }
      }
    }
  };

上一篇vuecli4 vue3.0改变路径为hash路径