单页应用的按需加载?
- 随着单页应用业务的不断扩展,首次加载的代码量会越来越多,影响用户的体验。
- 通过
import(*)
语句来控制加载时机,webpack 内置了对于import(*)
的解析,会将import(*)
中引入的模块作为一个新的入口在生成一个 chunk。 - 当代码执行到
import(*)
语句时,会去加载 Chunk 对应生成的文件。 import()
会返回一个 Promise 对象,所以为了让浏览器支持,需要事先注入Promise polyfill
import(*)
语句来控制加载时机,webpack 内置了对于import(*)
的解析,会将import(*)
中引入的模块作为一个新的入口在生成一个 chunk。import(*)
语句时,会去加载 Chunk 对应生成的文件。import()
会返回一个 Promise 对象,所以为了让浏览器支持,需要事先注入Promise polyfill