装好后还要修改项目根目录下的「.postcssrc.js」，增加「postcss-px2rem」的配置：
"plugins": {
"autoprefixer": {},
"postcss-px2rem": { "remUnit": 100 }
}「px值/remUnit」即为转换出来的rem值，可以根据自身需要修改「remUnit」的值。
然而，有些特殊的px值是不需要转换成rem值的，这时候可以通过特殊注释禁止「postcss-px2rem」去处理这个值。例如：
/* 不同dpr下的细线 */
.g-dpr-1 .g-border-1px {
border-width: 1px !important; /*no*/
}
.g-dpr-2 .g-border-1px {
border-width: 0.5px !important; /*no*/
}Vuex
在单页应用开发中，负责管理状态的「Vuex」也是必备的。安装也非常简单：
npm install vuex --save然而，真正使用的时候，在一些 低版本系统的浏览器 中，可能会出现这样的异常：
Error: [vuex] vuex requires a Promise polyfill in this browser.
这是因为浏览器不支持「Promise」，这时候就需要一个「polyfill」。我们可以直接用「babel-polyfill」：
npm install babel-polyfill --save「babel-polyfill」会在 全局作用域 添加ES6新增的对象和方法，项目中的其他代码并不需要显式地引入（import或者require）它，这就意味着「Webpack」不会把它识别为项目的依赖。所以还要修改「/build/webpack.base.conf.js」，在打包入口处增加「babel-polyfill」：
entry: {
app: ['babel-polyfill', './src/main.js']}另外要提一下的是，使用「Vue-CLI」初始化项目的时候默认安装了「 babel-plugin-transform-runtime 」，而它的作用跟「babel-polyfill」是重复的，所以可以移除前者。修改根目录下的「.babelrc」，移除这一行：
"plugins": ["transform-runtime"]然后删除依赖即可：
npm uninstall babel-plugin-transform-runtime --save-dev访问路径
每个小项目真正在服务器（不管是测试、预发布还是生产环境的服务器）上运行的时候，是通过一级子目录去区分的。
这就意味着，项目中的所有路径都要加上一层目录（比如原访问路径为「http://localhost:8080/home」，现在就得改成「http://localhost:8080/project-a/home」）。千万别以为这是很简单的事情，实际上要改的地方是很多的。
首先要改的是「Vue-Router」的 基路径 配置：
