秋来九月八

表明在打包时，如果有类型出错，不会生成打包文件，不会执行后面的。让 ts 在验证代码时，跳过node_module的文件。在开发中，可能还需要声明更多的类型与vite结合。会被vite引入，并在获取vite的。另外 build 命令中，新增了。

在vite.config.js中进行配置，通过resolve和alias 完成配置，和webpack那边基本一致。利用node自带的path来解析路径，然后配置别名，方便项目中各种层级的引用。一般打包的配置放到vite.prd.config.js中。配置别名后，引入静态资源时直接使用。

在插件文档增加一部分关于为什么本插件是一个 Vite 专属插件的详细说明（如，本插件使用了 Vite 特有的插件钩子）。在手写vite插件前，需要了解vite官网提供的一些vite相关的生命周期，以及这些生命周期对应的一些钩子函数。跟webpack的生态相比，vite确实还比不过，如果没有你想要的插件和配置，可能需要自己动手写插件。Vite 插件应该有一个带 vite-plugin- 前缀、语义清晰的名称。vite-plugin-svelte- 前缀作为 Svelte 插件。

css开启 devSourcemap 后，能够快速找到每一个样式对应的文件名，但最好只在开发环境中使用，不开启devSourcemap 时，一般是上生产环境，默认情况下也是不开启的。启动服务器之后，发现css module的类名都被替换了，加了hash。componentA index.module.css 配置。vite 天生就支持对css文件的处理，主要的处理流程如下。componentB index.module.css 配置。原本index.css的文件被替换了。创建一个index.css文件。

需要将不同的环境变量放到不同的文件中。来改变使用的前缀,一般来说不同环境使用的环境变量名称都是相同，不然你就得在不同的环境配置不同名称的环境变量，而且在使用的时候也要用不同的名字，太麻烦了。以上这些举例的变量，都会因为开发周期的变化，用不同的变量值，这个时候，如果这些变量能够根据环境的变化自动变化，就比较完美，减少人工干预，才可能不出错。

Vite（发音为"veet"）是一种现代化的前端构建工具，旨在提供快速的开发体验。它由尤雨溪（Vue.js 的创始人）团队开发并维护。Vite主要用于构建基于现代 JavaScript 框架（如Vue.js、React、以及Svelte等）的应用程序。与传统的前端构建工具不同，Vite采用了一种基于ESM（ECMAScript模块）的开发服务器，利用浏览器原生支持的模块导入方式，实现了快速的冷启动和开发服务器启动的速度。