【vue】cross-env使用和配置

cross-env 是一个非常实用的 Node.js 包，它允许你跨平台（Windows, macOS, Linux）使用环境变量。这对于在不同的操作系统上运行脚本时保持一致性非常有用。

1、安装 cross-env

首先，你需要安装 cross-env。你可以将其添加到你的项目的开发依赖中，通过以下命令进行安装：

npm install --save-dev cross-env

或者如果你使用的是 Yarn：

yarn add --dev cross-env

2、使用 cross-env

一旦安装了 cross-env，你可以在 package.json 文件中的 scripts 部分使用它来设置环境变量。例如，假设你想在启动应用之前设置 NODE_ENV 环境变量，可以这样做：

{
  "name": "your-project",
  "version": "1.0.0",
  "scripts": {
    "start": "cross-env NODE_ENV=production node server.js"
  },
  "devDependencies": {
    "cross-env": "^7.0.3"
  }
}

在这个例子中，当你运行 npm start 或 yarn start 命令时，cross-env 会设置 NODE_ENV 环境变量为 production，然后运行 node server.js。

3、跨平台兼容性

cross-env 最主要的优势之一是它能够确保脚本在所有平台上都能正确执行。在 Windows 系统中，环境变量的语法略有不同，而 cross-env 会自动处理这些差异。

4、设置多个环境变量

如果你想同时设置多个环境变量，你可以这样写：

{
  "scripts": {
    "start": "cross-env NODE_ENV=production PORT=3000 node server.js"
  }
}

5、读取环境变量

在你的 Node.js 应用中，你可以使用 process.env 对象来访问这些环境变量：

console.log(process.env.NODE_ENV); // 输出: 'production'
console.log(process.env.PORT);     // 输出: '3000'

注意事项

• 如果你使用的是较新的 Node.js 版本，可能不需要 cross-env，因为从 Node.js 8 开始，你可以在命令行直接设置环境变量：

NODE_ENV=production node server.js

• 确保 cross-env 的版本与你的项目兼容。如果你遇到任何问题，请检查 cross-env 的最新文档以获取支持信息。