之前使用全站 CDN 部署,首屏动辄 5M 的加载并不感觉慢,但是构建优化是一个不可避免的问题,这次就带来了小于 60 kb 的本地 js 首屏加载优化,可以达到平均 2 秒左右的首屏加载时间。无论是 D2Admin 的新用户还是老用户都建议参考一下。仓库 https://github.com/d2-projects/d2-admin
以下是本地更新的内容:
•优化生产环境构建,chunk-vendors.js < 55kb 首屏加载 ≈2s,CDN 部署首屏加载 ≈1s 使用联通 4g 网络访问,Chrome 浏览器 清空缓存并硬性重新加载
腾讯云 CVM 部署 - Finish: 1.97 s 七牛云 CDN 部署 - Finish: 1.17 s 方案详见 dependencies-cdn.js[1] | vue.config.js[2]•使用 vue-filename-injector 替代以前的查看源码功能 3e48880ae00aed9d21ac9715734ad30f3062eece•移除了仓库中旧的无用大文件和设计素材 Thanks @Aysnine•默认 layout tab 多标签页支持拖拽排序 Thanks @luchaohai•多国语言设置关联 ElementUI 9041b45660ddf56ed08ea433f75f344d07ae919a•fix #226 Store action: d2admin/page/opend2db方法名拼写问题 bfc712629c13fe4b148991699f51c65a3e5cffd6•fix #244 mockjs 导致的 responseType 丢失 ecc43fd67deadea28b827d3cc4f26ae98509c9ea•请求拦截器添加 return 来捕获错误信息 a90079d6d9a57d0c4f1bfe337b6f2acd2ea5ce98•无需经过 Vuex 访问本地存储 2f78494a92b7609b6efbc217f09595162f409bb2•其它代码健壮性更新•接入 d2-projects/repo-email-feedback[3] 现在大家可以在 star,fork 仓库或者提交 issue 之后受到来自 d2projects@163.com[4] 的反馈邮件了•新增了 coding 同步仓库•CI 由 Travis 移至 GitHub Action•新增永久域名,共有四个同步预览地址,模拟各种部署访问效果,并可以看到各自的构建情况
[1]
dependencies-cdn.js: https://github.com/d2-projects/d2-admin/blob/master/dependencies-cdn.js
[2]
vue.config.js: https://github.com/d2-projects/d2-admin/blob/master/vue.config.js
[3]
d2-projects/repo-email-feedback: https://github.com/d2-projects/repo-email-feedback
[4]
d2projects@163.com: mailto:d2projects@163.com