vite.config.ts使用怎么.env.development的变量设置端口
时间: 2024-01-02 16:17:39 浏览: 232
vite.config.ts
你可以使用 `import.meta.env` 对象来访问环境变量,从而在 `vite.config.ts` 文件中设置开发服务器的端口。具体操作如下:
1. 在项目根目录下创建一个名为 `.env.development` 的文件,并在其中定义需要的环境变量,例如:
```
VITE_PORT=8080
```
2. 在 `vite.config.ts` 中导入 `import.meta.env` 对象,并使用它来获取 `.env.development` 中定义的 `VITE_PORT` 变量的值,例如:
```ts
import { defineConfig } from 'vite'
export default defineConfig({
server: {
port: Number(import.meta.env.VITE_PORT) || 3000
}
})
```
在上面的代码中,我们使用了 `import.meta.env.VITE_PORT` 来获取 `.env.development` 文件中定义的 `VITE_PORT` 变量的值,并将其用作开发服务器的端口号。需要注意的是,我们使用了 `Number()` 函数将获取到的值转换为了数字类型。如果获取失败,则默认使用 `3000` 作为端口号。
阅读全文