source.globalVars

类型： Record<string, JSONValue> | Function
默认值：

// Modern.js 默认会添加环境变量 `process.env.NODE_ENV`，因此你不需要手动添加它。
const defaultGlobalVars = {
  'process.env.NODE_ENV': process.env.NODE_ENV,
};

用于在构建时将类似 process.env.FOO 的全局变量表达式替换为指定的值，比如：

console.log(process.env.NODE_ENV);

// ⬇️ Turn into being...
console.log('development');

示例

在下方示例中，会在代码中注入 ENABLE_VCONSOLE 和 APP_CONTEXT 两个环境变量：

export default {
  source: {
    globalVars: {
      ENABLE_VCONSOLE: true,
      APP_CONTEXT: { answer: 42 },
    },
  },
};

你可以在代码中直接使用它们：

if (ENABLE_VCONSOLE) {
  // do something
}

console.log(APP_CONTEXT);

函数用法

类型：

type GlobalVarsFn = (
  obj: Record<string, JSONValue>,
  utils: { env: NodeEnv; target: BuilderTarget },
) => Record<string, JSONValue> | void;

你可以将 source.globalVars 设置为一个函数，从而动态设置一些环境变量的值。

比如，根据当前的构建产物类型进行动态设置：

export default {
  source: {
    globalVars(obj, { target }) {
      obj['MY_TARGET'] = target === 'node' ? 'server' : 'client';
    },
  },
};

与 define 的区别

source.globalVars 是 source.define 的一个语法糖，它们之间唯一的区别是，source.globalVars 会自动将传入的值进行 JSON 序列化处理，这使得设置全局变量的值更加方便。注意 globalVars 的每个值都需要是可以被 JSON 序列化的值。

export default {
  source: {
    globalVars: {
      'process.env.BUILD_VERSION': '0.0.1',
      'import.meta.foo': { bar: 42 },
      'import.meta.baz': false,
    },
    define: {
      'process.env.BUILD_VERSION': JSON.stringify('0.0.1'),
      'import.meta': {
        foo: JSON.stringify({ bar: 42 }),
        baz: JSON.stringify(false),
      },
    },
  },
};

注意事项

source.globalVars 是通过字符串替换的形式来注入环境变量的，因此它无法对「解构赋值」等动态写法生效。

在使用解构赋值时，Modern.js 将无法判断变量 NODE_ENV 是否与要替换的表达式 process.env.NODE_ENV 存在关联，因此以下使用方式是无效的：

const { NODE_ENV } = process.env;
console.log(NODE_ENV);
// ❌ Won't get a string.

#source.globalVars

#示例

#函数用法

#与 define 的区别

#注意事项

source.globalVars

示例

函数用法

与 define 的区别

注意事项