cdn尝试(减少打包体积)

  • 开发
  • 19

如果是vue-cli创造的工程，在build后面加上  --report，就会在dist文件夹下出现report.html用于分析打包后个文件的体积

也可以使用插件：

webpack使用webpack-bundle-analyzer进行分析；

vite使用rollup-plugin-visualizer进行分析；

[前端进阶] 首屏优化知识梳理 - 掘金

然后就可以看到echarts占用了很大一部分的空间

在项目的入口html中添加（cdn引入）

    <script src="https://cdn.jsdelivr.net/npm/echarts@5.3.0/dist/echarts.min.js"></script>

在vue.config.js添加不打包的配置，然后删除原有的import语句（删除报错）

然后打包

减少了1M还是很有用的。

跟多cdn请查看jsDelivr - A free, fast, and reliable CDN for JS and open source

这是字节的cdn:https://cdn.bytedance.com/

阅读全部

相关推荐

  3. webpack打包体积优化，减少白屏时间

    2024-03-17 00:10:03       39 阅读

  5. 尝试CSDN语法使用-1

    2024-03-17 00:10:03       23 阅读

  8. [Python进阶] Pyinstaller打包心得(减少打包空间占用、快捷打包、找不到资源等)

    2024-03-17 00:10:03       11 阅读

最近更新

  4. TCP协议是安全的吗?

    2024-03-17 00:10:03       16 阅读

  12. 阿里云服务器执行yum，一直下载docker-ce-stable失败

    2024-03-17 00:10:03       16 阅读

  13. 【Python教程】压缩PDF文件大小

    2024-03-17 00:10:03       15 阅读

  18. 通过文章id递归查询所有评论（xml）

    2024-03-17 00:10:03       18 阅读

热门阅读

  3. 【Unity】旋转的尽头是使用四元数让物体旋转

    2024-03-17 00:10:03       16 阅读

  9. Websocket服务监听收发消息

    2024-03-17 00:10:03       21 阅读

  10. Meson编译工具安装及使用Meson编译DPDK

    2024-03-17 00:10:03       23 阅读

  11. WSL与VirtualBox区别

    2024-03-17 00:10:03       21 阅读

  13. CentOS8安装docker

    2024-03-17 00:10:03       16 阅读

  14. docker部署zabbix使用postgresql数据库

    2024-03-17 00:10:03       19 阅读

  16. C语言演示多线程编程条件下自旋锁和屏障的使用

    2024-03-17 00:10:03       17 阅读

  19. 使用docker搭建Komga

    2024-03-17 00:10:03       20 阅读

  20. Docker 容器和 Kubernetes 退出码 —— 筑梦之路

    2024-03-17 00:10:03       16 阅读

  22. CCF 202009-3 点亮数字人生(拓扑排序)

    2024-03-17 00:10:03       19 阅读

  23. 人类程序员真要失业？首位“AI软件工程师”亮相引爆科技圈

    2024-03-17 00:10:03       15 阅读

  24. 2024年企业经济管理与大数据国际会议（ICEEMBD 2024）

    2024-03-17 00:10:03       14 阅读

  25. 70后姐妹上海创业，要IPO了

    2024-03-17 00:10:03       20 阅读

  26. AMS、PMS和WMS学习链接

    2024-03-17 00:10:03       16 阅读

  29. 怎么绕过CDN查找真实IP

    2024-03-17 00:10:03       16 阅读

  30. 内网 IP 地址泄漏原理以及修复方法

    2024-03-17 00:10:03       20 阅读