跳转到主要内容

Rsbuild 集成

Meta Env Typed 为 Rsbuild 提供了完整的支持，让你能够在 Rsbuild 项目中享受类型安全的环境变量。

安装​

npm install meta-env-typed

基础配置​

在你的 rsbuild.config.ts 中添加插件：

import { defineConfig } from '@rsbuild/core';
import { metaEnvTyped } from 'meta-env-typed/rsbuild';

export default defineConfig({
  plugins: [
    metaEnvTyped()
  ]
});

配置选项​

envDir​

指定环境变量文件的目录。

metaEnvTyped({
  envDir: './', // 默认值
});

prefix​

指定环境变量的前缀。

metaEnvTyped({
  prefix: 'PUBLIC_', // 默认值
});

使用示例​

// src/config.ts
export const config = {
  apiUrl: import.meta.env.PUBLIC_API_URL,
  appName: import.meta.env.PUBLIC_APP_NAME,
  debug: import.meta.env.PUBLIC_DEBUG,
};

环境变量文件​

支持多种环境变量文件：

  • .env - 所有环境加载
  • .env.development - 开发环境
  • .env.production - 生产环境

示例​

# .env
PUBLIC_API_URL=https://api.example.com
PUBLIC_APP_NAME=我的应用
PUBLIC_DEBUG=true