简体中文

environments

Rsbuild 支持同时为多个环境构建产物。你可以使用 environments 为每个环境定义不同的 Rsbuild 配置。

请查看多环境构建了解更多。

类型：

interface EnvironmentConfig {
  dev?: Pick<
    DevConfig,
    'hmr' | 'assetPrefix' | 'progressBar' | 'lazyCompilation'
  >;
  html?: HtmlConfig;
  tools?: ToolsConfig;
  source?: SourceConfig;
  output?: OutputConfig;
  security?: SecurityConfig;
  performance?: PerformanceConfig;
  moduleFederation?: ModuleFederationConfig;
  plugins?: RsbuildPlugins[];
}

type Environments = {
  [name: string]: EnvironmentConfig;
};

默认值： undefined

示例

分别为 web (client) 和 node (SSR) 环境配置 Rsbuild：

rsbuild.config.ts

export default {
  // 所有环境共享配置
  source: {
    alias: {
      '@common': './src/common',
    },
  },
  environments: {
    // client 环境配置
    web: {
      source: {
        alias: {
          '@common1': './src/web/common1',
        },
        entry: {
          index: './src/index.client.js',
        },
      },
      output: {
        target: 'web',
      },
    },
    // SSR 环境配置
    node: {
      source: {
        alias: {
          '@common1': './src/ssr/common1',
        },
        entry: {
          index: './src/index.server.js',
        },
      },
      output: {
        target: 'node',
      },
    },
  },
};

对于 web 环境，合并后的 Rsbuild 配置为：

const webConfig = {
  source: {
    alias: {
      '@common': './src/common',
      '@common1': './src/web/common1',
    },
    entry: {
      index: './src/index.client.js',
    },
  },
  output: {
    target: 'web',
  },
};

对于 node 环境，合并后的 Rsbuild 配置为：

const nodeConfig = {
  source: {
    alias: {
      '@common': './src/common',
      '@common1': './src/ssr/common1',
    },
    entry: {
      index: './src/index.server.js',
    },
  },
  output: {
    target: 'node',
  },
};

environments#

示例#

environments

示例