vite 随想

其它

为什么能在 vite 项目中直接创建 ts 文件，写 ts 代码？因为 vite 会使用 esbuild 将 ts 文件转换为 js 文件，但是它只是转换，并不进行类型检查。
index.html 中的 URL 以斜杠 / 开头，代表项目根目录，并且将被自动转换，不需要 %PUBLIC_URL% 占位符。
vite 能解析处于项目根目录外的文件。
vite 默认是以当前工作目录（vscode 打开的目录）作为项目根目录的。也可以通过 vite serve some/sub/dir 的方式指定某个目录为项目根目录。项目根目录下存放有 vite.config.ts 文件。

启动 vite 项目的脚本别名

json

{
  "scripts": {
    "dev": "vite", // 启动开发服务器，别名：`vite dev`，`vite serve`
    "dev": "vite dev", 
    "dev": "vite serve", 
    "build": "vite build", // 为生产环境构建产物
    "preview": "vite preview" // 本地预览生产构建产物
  }
}

vite 为什么这么快？
webpack 启动必须优先抓取并构建你的整个应用，然后才能提供服务。
Vite 只需要在浏览器请求源码时进行转换并按需提供源码。根据情景动态导入代码，即只在当前屏幕上实际使用时才会被处理。