在Svelte项目中定义环境变量的惯用便捷方式是什么？

1. 基于 Vite 的 Svelte/SvelteKit 项目（主流场景） #

这是目前最符合 Svelte 开发习惯的方案，完全不需要依赖 store：

• 第一步：在项目根目录新建 .env 文件，变量名必须以 VITE_ 开头才会被 Vite 注入到客户端侧

VITE_BASE_URL = "http://127.0.0.1:8080"

• 第二步：任意组件、JS 文件中可直接调用，无需导入额外依赖

const base_url = import.meta.env.VITE_BASE_URL

如果是 SvelteKit 项目，还可以使用框架内置的 $env 模块更规范地管理变量：

• 公开变量（允许客户端访问）：从 $env/static/public 导入

import { VITE_BASE_URL } from '$env/static/public'

• 私有变量（仅服务端可访问，不会泄露到前端）：从 $env/static/private 导入，适合存储密钥等敏感配置。

2. 非 Vite 构建的普通 Svelte 项目 #

可以直接编写独立的全局配置模块，比 store 写法精简得多：

• 新建 config.js 文件，直接导出静态常量

export const BASE_URL = "http://127.0.0.1:8080"
// 可统一存放所有静态配置
export const API_PREFIX = "/api"
export const SITE_NAME = "站点名称"

• 任意组件中直接导入使用即可，无多余样板代码

import { BASE_URL } from "../config.js"

配置扩展技巧 #

如果需要区分开发、生产环境的不同配置，可以把配置模块和环境变量结合，无需修改业务代码：

// config.js
export const BASE_URL = import.meta.env.MODE === 'development' 
  ? 'http://127.0.0.1:8080' 
  : 'https://你的线上服务域名'

你的判断是正确的：store 的设计定位是存储需要响应式更新的动态状态，静态配置走订阅流程不仅会增加冗余样板代码，还会带来不必要的运行时开销，完全没有必要。

内容的提问来源于stack exchange，提问作者MBH