首先原因就是因为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 ‘<’
是因为访问服务器路径的问题