总结

Author: zhangdong

frame/vue/apis.md

@@ -38,6 +38,31 @@ keepalive有一个特殊标识表明他是缓存组件,keepalive通过ctx实现
 
 缓存策略类似于 LRU 缓存，也就是最久没有被使用的先销毁
 
+## vite为什么比webpack快
+浏览器开始原生支持 ES 模块，且越来越多 JavaScript 工具使用编译型语言编写  
+
+更快的开发服务器启动  
+
+当冷启动开发服务器时，基于打包器的方式启动必须抓取并构建整个应用。然后才能提供服务
+
+vite把模块分为依赖和源码两部分
+
+首次启动vite，使用esbuild进行预构建依赖，默认情况下，它是自动且透明地完成的，esbuild使用go写的，速度比基于js的工具更快
+
+vite以原生esm提供源码，这实际上是让浏览器接管了部分打包工作，vite只需要在浏览器请求源码时进行转换并按需提供源码
+
+## 依赖预构建: 
+利用esbuild将依赖全转成esm
+
+为了提高后续页面的加载性能，Vite 将那些具有许多内部模块的 ESM 依赖项转换为单个模块
+
+对于有多个内置模块的依赖，大量请求会导致浏览器端的网络拥塞，使页面加载变得明显缓慢
+
+将这样的依赖预构建成单个模块，就只需要一个http请求
+
+## 热更新
+
+