首页
学习
活动
专区
圈层
工具
发布
技术百科首页 >Vite >Vite 的代码分割是如何实现的?

Vite 的代码分割是如何实现的?

词条归属:Vite

Vite 的代码分割(Code Splitting)用于把应用拆分为多个 chunk,实现按需加载与缓存优化。

1. 基于动态导入分割

Vite 识别 import() 动态导入语法,把动态导入的模块及其依赖拆分为独立 chunk,配合路由级懒加载,减少首屏需要加载的脚本体积。

2. 手动分块配置

通过构建配置中的 manualChunks 等选项,开发者可以自定义分块策略,把第三方依赖或公共模块拆分为稳定的独立 chunk,提升缓存命中率。

3. Rolldown 提供更精细控制

Vite 8 采用的 Rolldown 提供了更灵活的 codeSplitting 能力,在分块粒度与依赖归并上比早期方案更可控,有助于进一步优化加载性能。

相关文章
Vite 是如何使用 Rollup 进行构建的
我们都知道,Vite 在生产环境中,会使用 Rollup 进行构建,那么 Vite 是如何做到的呢?本文将讲述,从执行 vite build 到输出构建产物,这期间到底发生了什么?
CandyTong
2023-02-24
2.2K0
Vite 是如何使用 Rollup 进行构建的
我们都知道,Vite 在生产环境中,会使用 Rollup 进行构建,那么 Vite 是如何做到的呢?本文将讲述,从执行 vite build 到输出构建产物,这期间到底发生了什么?
CandyTong
2022-12-27
3K1
Vite 是如何兼容 Rollup 插件生态的
我们知道,Vite 开发时,用的是 esbuild 进行构建,而在生产环境,则是使用 Rollup 进行打包。
CandyTong
2022-07-18
1.5K0
Vite Server 是如何处理页面资源的?
我们知道,Vite 在开发环境下,会打开一个 Dev Server 用于预览开发的页面,那么这个 Dev Server 到底做了什么呢?它是怎么做到将我们的代码展示成页面的,接下来我们就来一探究竟。
CandyTong
2022-07-18
1.3K0
ViteConf 2023结束,现在的Vite发展如何?是时候使用Vite了么?
ViteConf2023,主要讲解了Vite的发展、一些开发大牛分享Vite的使用,以及一些框架对Vite的适配,看着确实让人激情澎湃,那么?已经2023年了,Vite现在发展怎么样呢?现在是时候切换到Vite么?
Mintimate
2023-10-10
2.3K0
点击加载更多
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
领券