构建优化直接影响加载速度,需从体积、请求数与执行效率入手。
核心概念
- Tree Shaking 依赖纯函数与无副作用模块。
- 代码分割按路由、组件或依赖维度拆分。
- 使用现代浏览器特性(ES2022、Differential Serving)减少 polyfill。
实战步骤
- 配置 bundler 的 sideEffects 字段,优化摇树效果。
- 引入
bundle-analyzer定期审查依赖。 - 利用 HTTP/2 Push/Preload 管理关键资源。
2000/3/1小于 1 分钟
构建优化直接影响加载速度,需从体积、请求数与执行效率入手。
bundle-analyzer 定期审查依赖。