DEV Community
·
通过外部导入优化VUE打包，显著减少ESP8266可编程控制器的页面加载时间
💡
原文英文，约400词，阅读约需2分钟。
📝
内容提要
通过CDN引入外部包和部分导入，优化了VUE的js包大小，使vendor.js文件从6.8M降至2.0M，页面加载时间从15秒缩短至3秒，显著提升了ESP8266可编程控制器的远程管理系统的用户体验。
🎯
关键要点
- 通过CDN引入外部包和部分导入，优化了VUE的js包大小。
- vendor.js文件的大小从6.8M降至2.0M。
- 页面加载时间从15秒缩短至3秒，显著提升用户体验。
- 集成了微信公众账号，实现无需APP的便捷控制。
- 使用webpack-bundle-analyzer分析文件大小，发现element UI占用空间过大。
- 通过部分导入和CDN加载，减少了element UI的空间占用。
- 在webpack.base.config.js中配置externals，移除main.js中的vue和element UI导入。
- 最终优化后的vendor.js文件大小和加载时间显著改善。
➡️
