如何使用Svelte-Kit构建staging环境版本并加载.env.staging配置

Svelte-Kit底层基于Vite，环境变量加载逻辑遵循Vite的规则，要加载.env.staging配置文件只需要指定构建模式即可，具体操作如下：

• 方案1：构建时指定mode参数
  执行构建命令时追加--mode staging参数即可：

  svelte-kit build --mode staging
  

  如果你项目使用Vite原生命令，也可以执行：

  vite build --mode staging
  

  此时工具会自动优先加载根目录下的.env.staging配置文件，同名变量会覆盖默认.env.production内的对应配置。
• 注意事项
  • 客户端侧可访问的环境变量必须加PUBLIC_前缀（Svelte-Kit官方约定），不加前缀的变量仅能在服务端代码中访问
  • 你可以在代码中通过import.meta.env访问加载的环境变量，构建前可先在开发模式下打印该对象验证配置是否正确加载
• 可选方案：手动配置Vite环境文件加载规则
  如果需要更灵活的配置逻辑，可以修改项目根目录的vite.config.js手动指定规则：

  import { sveltekit } from '@sveltejs/kit/vite';
  import { defineConfig, loadEnv } from 'vite';
  
  export default defineConfig(({ mode }) => {
    // 可根据自定义逻辑加载指定路径的env文件
    const env = loadEnv(mode, process.cwd(), '');
    return {
      plugins: [sveltekit()],
      // 其余配置项
    };
  });
  

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