打包时报错Cannot find name 'process' 解决办法

如项目是vue3 + Vite3,打包时遇到Cannot find name 'process'报错

首先需要在项目中安装了 dotenv dotenv 是一个非常流行的 Node.js 库，它用于将环境变量从 .env 文件加载到 process.env。这使得在不同环境（如开发、测试、生产等）中管理和使用环境变量变得非常简单。

npm install dotenv --save-dev

接下来，在项目根目录下创建一个 .env 文件，用于存放环境变量。例如：

VITE_APP_API_URL=http://localhost:3000

在 Vite 项目中，以 VITE_ 开头的环境变量将自动暴露给客户端。因此，请确保您的环境变量以 VITE_ 开头。

最后，在您的代码中使用 import.meta.env 访问环境变量。例如：

const apiUrl = import.meta.env.VITE_APP_API_URL;

这样，当您构建项目时，Vite 应该能正确处理环境变量，您不再会看到 "Cannot find name 'process'" 的错误。