- 1.快速的冷启动
- 1.1
冷启动
冷启动的时候,应用启动的时候,后台没有该应用的进行,系统会创建一个新的进程
,分配给应用。 - 1.2
热启动
热启动应用的时候,后台已经有了该应用的进程,即使推出应用,但是后台依然存在
。
- 1.1
- 2.即时的模块热更新
- 3.真正的按需编译
- 1.index.html
<script type="module" src="/src/main.js"></script>
那这个是什么呢?请看下边
因为浏览器会识别type='module'
的script元素,浏览器会把它当作是ES模块,从而使用HTTP请求获取模块内容
- 小知识点: ESM 天生就是按需加载的,只有 import 的时候才会去按需加载
<script type="module">
import { createApp } from './main.js‘;
createApp();
</script>
每个改动,浏览器通过本机<script module>
支持对其解析,从而为每个导入都会发出一个HTTP请求
.拦截浏览器对模块的请求并返回处理后的结果
vite会启动一个web server来代理这些模块,其里边就是借助koa启动了一个服务
注意:
只有带前缀的变量才对VITE_
您的代码公开。例如VITE_SOME_KEY=123将暴露为
1.error: flatpickr does not provide an export named, ESM bundles
2.vue文件里边, 修改css 热更新无法响应(时而好时而坏,好煎熬~~~~~改一次css要重启一次vite,我要疯了)
3.尝试使用ant design定制主题时,出现问题(https://2x.antdv.com/docs/vue/customize-theme-cn/)
4.因为使用的是ant-design-vue, 所以里边有很多方法是是@ant-design-vue/use,需要以@开头,但是我并不想要每次引用一个方法就在optimizeDeps.include里边加一次, 这样让我不能很愉快的工作
5.尝试yarn add X后, vite无法做到类似webpack 热更新,只能手动重新启动
4.Vite