vue项目中 —— rem布局适配方案

1、安装插件 
安装 amfe-flexible、postcss-px2rem-exclude
cnpm i amfe-flexible postcss-px2rem-exclude --save
安装完毕，会在 package.json 文件的 dependencies 属性中看到如下：

 
2、在main.js文件中引入
import 'amfe-flexible'
3、配置postcss.config.js
如果你的设计图是750px，可以在新建 postcss.config.js 文件中做如下配置:
module.exports = {
plugins: {
"autoprefixer": {},
"postcss-px2rem-exclude": { // 添加的代码
remUnit: 75,
exclude: /node_modules|folder_name/i // 忽略node_modules目录下的文件
}
}
}

这里添加了 exclude

vue项目中 —— rem布局适配方案最先出现在Python成神之路。