import.meta.env 和 process.env

import.meta.env 和 process.env

孤独的哈士奇 0 2026-04-21

结论

process.env 是 Node.js 的环境变量接口 import.meta.env 是 Vite(ESM)在构建期注入的前端环境变量


process.env 是什么?

本质

  • 来自 Node.js

  • 运行时读取 服务器 / 构建机的系统环境变量

  • 本身 浏览器里不存在

console.log(process.env.NODE_ENV);体验AI代码助手

使用场景

  • Node 服务

  • 构建工具(Webpack / Vite / Rollup)

  • SSR(Node 端)

import.meta.env 是什么?

本质

  • Vite 提供

  • 基于 ES Module 的 import.meta

  • 构建期 + 运行期可用(但值是构建期确定的)

console.log(import.meta.env.MODE);

特点

  • 浏览器里 原生支持

  • 不依赖 Node 的 process

  • 更符合现代 ESM 规范