vite3学习记录

1、可安装 vue-tsc ，通过运行vue-tsc --noEmit来对vue文件进行类型检查

2、vite使用esbuild 将 ts转换为js

3、在当前vite3.02版本中，暂时需要将tsconfig.json中的compilerOptions选项中，设置

"isolatedModules": true 和 "skipLibCheck": true. 因为vue对新版本的ts的支持度不是太好，做适配处理。

4、vite也通过esbuild来对tsx进行支持。 在vue中可以使用@vitejs/plugin-vue-jsx 插件来支持进行书写jsx代码。

5、使用import来加载静态资源

6、使用import.meta.glob来实现全局导入

7、vite的目标是现代浏览器，添加vite对传统浏览器的支持如下

8、常见的图像、媒体和字体文件类型被vite自动检测为资源，并在打包时进行自动处理，例如开发环境时 图片路径为 /img.png,但在打包会处理为 /assets/img.hashcode.png。可以在vite.config.ts中使用 assetsInclude 选项 扩展vite对静态资源的检测。例如.gif

9、可以通过将某些单一使用的静态资源放置到public目录下，使用类似/icon.png的绝对路径来进行访问

10、vite通过rollup来进行打包

11、 vite通过import.meta.env来暴露环境变量，常见的内置变量有

12、创建的自定义环境变量中，必须以VITE_开头，才能通过import.meta.env.VITE_MY的形式来访问

13、 通过在src目录下穿件env.d.ts文件，来添加对自定义环境变量的类型提示

14、可以在构建时进行不同模式的环境编译

15、vite特有的插件以vite-plugin-开头。使用插件时，除了在package.json中声明，还需要在vite.config.json中引用，并在plugins中使用

16、配置的时候使用环境变量