vite.config.ts配置.env

`vite.config.ts`是一个Vite项目中用于自定义构建环境配置的JavaScript文件。`.env`通常是指环境变量文件，它可以用来存储敏感信息、API地址等，这些信息在不同的开发环境（如开发环境、生产环境）下可能会有所不同。

在Vite中，你可以通过`vite.config.ts`来加载外部的`.env`文件，以便动态地管理环境变量。这可以使用`import()`函数配合`dotenv`库来实现。例如：

import { defineConfig } from 'vite';
import Dotenv from 'dotenv';

// 加载.env文件
const env = await Dotenv.load();

export default defineConfig({
  build: {
    // 使用来自.env文件的环境变量
    define: process.env,
  },
});

这样，当你在`.env`文件中设置了像`VITE_API_URL`这样的键值对，它们就会自动注入到项目的配置中，方便你在代码中使用`process.env.VITE_API_URL`访问对应的URL。