*常用技巧，如果是用vue-cli脚手架创建的项目
1.如果在config -> index.js 中的 build 代码中的 productionSourceMap的值设为false ，
打包后文件体积可以减少百分之八十，是因为把.map文件给去掉了
map文件的作用在于：项目打包后，代码都是经过压缩加密的，
如果运行时报错，输出的错误信息无法准确得知是哪里的代码报错。
有了map就可以像未加密的代码一样，准确的输出是哪一行哪一列有错。
在上线项目的时候，防止图片字体找不到url:
1.修改config下面的index.js中bulid模块导出的路径:assetsPublicPath: './',
记住是build的，不是dev的
2.修改build文件夹下边的utils.js文件,if (options.extract) {
return ExtractTextPlugin.extract({
use: loaders,
fallback: 'vue-style-loader',
//此处添加publicPath:'../../'
publicPath:'../../'
....
3.最好把你的图片资源，css全局的放在assets文件下，不要放在static下
不然项目，打包或者上线的时候，图片路径会出现问题，博主亲测
当放在assets时，因为src下的文件都要打包，所以引用图片的时候写法是这样的：
css不用变，改个assets的路径就行了
devDependencies里面的插件只用于开发环境，不用于生产环境，即辅助作用，打包的时候需要，打包完成就不需要了。
而dependencies是需要发布到生产环境的，自始至终都在。
比如wepack等只是在开发中使用的包就写入到devDependencies，
而像vue这种项目全程依赖的包要写入到devdependencies