时间戳

首页 > 解决方案 > 如何使用 Vite 或 Svite 在 Svelte 中加载环境变量

environment-variables - 如何使用 Vite 或 Svite 在 Svelte 中加载环境变量

问题描述

我一直在尝试找出在 Svelte App 中为 API 配置实现环境变量的最佳实践。据我所知，我们必须使用 Vite 或 Svite 才能使其工作。任何人都可以帮我找到解决方案吗？

标签： environment-variablessveltevitedotenv

解决方案

我就是这样做的，但我敢打赌还有其他好的做法

我使用dotenv并由SvelteKit$lib提供。

下面是我的文件夹结构和相关的js：

├── sveltekit-project/        // Root
|   ├── src/
|   |   ├── lib/
|   |   |   ├── env.js
|   |   |   ├── other.js
|   |   |   ... 
|   |   |   
|   |   ├── routes/
|   |   |   ├── main.svelte
|   |   |   ...
|   |   ├── app.html
|   |   ...
|   ├── .env

/** /src/lib/env.js **/
import dotenv from 'dotenv'

dotenv.config()

export const env = process.env

/** /src/lib/other.js **/
import { env } from '$lib/env'

const secret = env.YOUR_SECRET

顺便说一句，我建议您阅读“如何使用环境变量？” 参与SvelteKit 常见问题解答。它似乎与您所关心的非常相关，但恐怕这意味着需要一些解决方法而不是VITE_*变量..

推荐阅读