2021年11月17日

参与项目 爬虫获取外部资源
是否协助解决
协助解决人 齐继超
整体耗时 一天

工作重点

  1. 解决加载问题

遇到的问题和解决思路

遇到的问题

初次进入页面加载过慢(8秒以上)

解决思路

1.刚开始打算把chunk文件进行拆解,但是并没有解决问题,不过有所发现,是element.js加载过慢导致
2.通过npm下载的类库,在html文件中以script引入,然后在页面中使用import导入的这种方式

解决方案

  1. webpack中的 externals 配置提供了不从 bundle 中引用依赖的方式。简单理解就是不通过npm下载的类库,然后以cdn的方式进行文件引入,然后在页面中使用import导入的这种方式

image.png
image.png

个人总结

文件如果过大,都可以使用externals进行配置,需要多了解webpack打包以及相关配置[

](https://cn.vuejs.org/v2/api/?#Vue-nextTick)