vite3+vue3 打包与优化——依赖分包策略

阅读量：

当未启用构建工具中的分包功能时，生成的文件体积将异常庞大，并且会形成单独的 js 与 css 文件（如上图所示），这将导致本地加载文件时面临极大的性能压力。

在浏览器默认运行状态下，当其接收到对相同名称静态资源的重复请求时，系统将直接调用缓存中的资源以提升效率。借助这一特性，可以将那些更新频率较低的代码模块独立打包为一个 JS 文件，从而有效减少 HTTP 请求次数，并进一步减轻服务器端的负载压力。

Vite 官方文档 -> 构建选项 -> build.rollupOptions 中提及：允许用户自定义 Rollup 的底层打包配置。该配置与从 Rollup 配置文件中导出的参数一致，并将与 Vite 内部预设的 Rollup 选项

全部评论 (0)

还没有任何评论哟~