记录vue打包优化得坑

首先原因就是因为vendor文件太大首屏加载慢

第一步

我先把main.js里的ui框架样式使用不到的先给 们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：
1.把main.js里的ui框架样式使用不到的先给注释掉；
2. 在首页index.html文件里使用cnd的方式引入所需的库；
3. <script src="https://cdn.bootcss.com/vue/2.5.16/vue.min.js"></script> <script src="https://cdn.bootcss.com/vue-router/3.0.1/vue-router.min.js"></script> <script src="https://cdn.bootcss.com/vuex/3.0.1/vuex.min.js"></script> <script src="https://cdn.bootcss.com/axios/0.17.0/axios.min.js"></script>

4.防止编译文件中出现map文件。
config/index.js 文件中设置 productionSourceMap 为 false
5. 去掉代码中的console.log
6.webpack启用gzip压缩 服务端nginx启动gzip_static

第二步

1.优化package.json

检查package.json不用的依赖项
npm i -g depcheck
depcheck
然后根据出来的未用到一栏，删除
npm uninstall ajv
也可以手动删除配置项重新运行npm install

npm install rimraf -g 
// 使用命令删除 
rimraf node_modules // 也可以删除其它文件夹或文件

打包上线带着路由的地址刷新页面空白 token报错<

Uncaught SyntaxError: Unexpected token ‘<’
是因为访问服务器路径的问题