-
vue 中的延迟加载是通过 webpack 代码拆分组件实现的。
解密 Vue 路由懒加载_跟小猿学前端的博客-CSDN 博客
路由懒加载的实现方式主要是利用 Promise 对象和 Webpack 打包时的特性(webpack 在打包项目的时候会根据你的配置文件将项目进行模块划分),利用箭头函数成功将不同的路由组件划分成为不同的模块,实现按需引入,不需要一次性全量加载,优化性能,降低首屏加载的时延
-
工厂函数是一个最后返回值是对象的函数,但它既不是类,也不是构造函数。在 JavaScript 中,任何函数都可以返回一个对象。但当函数没有使用 new 关键字时,那它便是一个工厂函数。
一文搞懂 Dynamic Import 和 Top-level await 提案 - 掘金
通过动态 import 允许我们按需加载 JavaScript 模块,而不会在最开始的时候就将全部模块加载。
动态 import 返回了一个 Promise 对象,这也意味着可以在 then 中等模块加载成功后去做一些操作。