hap1994的博客

这在使用自签证书或想通过网络在某端口暴露 Vite 的情况下，非常有用。是一个高级选项，只在客户端的情况下覆盖端口，这允许你为 websocket 提供不同的端口，而并非在客户端代码中查找。注意：如果端口已经被使用，Vite 会自动尝试下一个可用的端口，所以这可能不是开发服务器最终监听的实际端口。来禁用此行为，或者为了获得完全的控制，可以传递一个函数，该函数接受源路径和 sourcemap 的路径，并返回是否忽略源路径。时，浏览器使用 DNS 来解析地址，这个地址可能与 Vite 正在监听的地址不同。

此选项的值可以是文件的绝对路径，也可以是以项目根目录为基准的相对路径。如果你在你的应用程序中有相同依赖的副本（比如 monorepos），请使用此选项强制 Vite 始终将列出的依赖项解析为同一副本（从项目根目录）。但是要注意，如果你添加的是实际的样式而不仅仅是变量，那这些样式在最终的产物中会重复。启用此选项会使 Vite 通过原始文件路径（即不跟随符号链接的路径）而不是真正的文件路径（即跟随符号链接后的路径）确定文件身份。该值可以是文件系统的绝对路径，也可以是相对于项目根目录的相对路径。

当以命令行方式运行vite时，Vite 会自动解析项目根目录下名为的配置文件（也支持其他 JS 和 TS 扩展名）。最基础的配置文件是这样的：js注意：即使项目没有在中开启，Vite 也支持在配置文件中使用 ESM 语法。这种情况下，配置文件会在被加载前自动进行预处理。你可以显式地通过--config命令行选项指定一个配置文件（相对于cwd路径进行解析）bash。

在代码中使用时，请确保转换为所需的类型。正因为 Vite 被许多框架使用，它在复杂的替换（如条件替换）上故意不持任何意见。为前缀的变量才会暴露给经过 vite 处理的代码。类文件会在 Vite 启动一开始时被加载，而改动会在重启服务器后生效。文件中自定义了越来越多的环境变量，你可能想要在代码中获取这些以。另外，Vite 执行时已经存在的环境变量有最高的优先级，不会被。默认运行生产模式构建，你也可以通过使用不同的模式和对应的。时运行不同的模式来渲染不同的标题，你可以通过传递。

Vite（发音同 "veet"）是一种新型前端构建工具，能够显著提升前端开发体验。它主要由两部分组成：一个开发服务器，它基于提供了，如速度快到惊人的。一套构建指令，它使用打包你的代码，并且它是预配置的，可输出用于生产环境的高度优化过的静态资源。vite的开发服务器vite在当前目录下启动 Vite 开发服务器。vite dev和vite serve是vite的别名。