vite.config.js文件如何获取 .env文件里 配置的数据信息

在Vite项目中，`.env` 文件通常用于存放环境变量，特别是敏感信息，如API密钥、数据库连接等。为了在`vite.config.js` 中获取 `.env` 文件中的配置数据，你需要使用Node.js 的内置模块 `dotenv` 来加载并解析这些环境变量。

首先，你需要安装 `dotenv` 包，通过运行以下命令：

npm install dotenv
# 或者
yarn add dotenv

然后，在`vite.config.js` 文件顶部，导入并使用 `dotenv`：

import { defineConfig } from 'vite';
import { resolve } from 'path';
import dotenv from 'dotenv';

// 加载.env文件
dotenv.config({ path: resolve(__dirname, '../.env') });

export default defineConfig({
  // ...
});

现在，你可以像操作普通对象一样访问 `.env` 文件中的变量了，例如：

const API_KEY = process.env.API_KEY;
const DB_URL = process.env.DB_URL;

// 在你的配置中使用这些变量
build: {
  assetsDir: 'static',
  rollupOptions: {
    input: resolve(__dirname, 'src/main.ts'),
    output: [
      {
        file: resolve(__dirname, 'dist', 'bundle.js'),
        format: 'iife',
        name: 'app'
      }
    ],
    plugins: [
      {
        name: 'asset-modules',
        generate: ['esnext']
      },
      {
        onwarn(warning) {
          if (warning.code === 'MODULE_NOT_FOUND') return; // ignore this warning
          console.error(warning.message);
        }
      }
    ]
  }
}