process.env

简介
示例
使用cross-env

简介

process.env 是 Node.js 中的一个环境对象。其中保存着系统的环境的变量信息。可使用 Node.js 命令行工具直接进行查看。process.env属性返回一个对象，包含了当前Shell的所有环境变量。简单来说就是你在配置文件 package.json配置webpack的环境变量都可以通过process.env来获取到

比如，process.env.HOME返回用户的主目录。 NODE_ENV 是其中的一个环境变量。这个变量主要用于标识当前的环境（生产环境，开发环境）。默认是没有这个环境变量的，需要自己手动配置。

示例

在启动命令上加的变量都可以通过process.env来获取

// An highlighted block"scripts": {"dev": "vue-cli-service serve","dev:test": "cross-env VUE_APP_TARGET=http://172.16.200.225:8080/mes-api vue-cli-service serve","dev:prot": "cross-env VUE_APP_BRANCH=port VUE_APP_TARGET=http://172.16.200.225:8081/mes-api vue-cli-service serve",},

使用cross-env

在webpack项目里，我们可以通过设置package.json来实现，但是Windows 系统和Mac系统有区别。

//windows系统"scripts": {"dev": "vue-cli-service serve","dev:test": "set VUE_APP_TARGET=http://172.16.200.225:8080/mes-api vue-cli-service serve","dev:prot": "set VUE_APP_BRANCH=port VUE_APP_TARGET=http://172.16.200.225:8081/mes-api vue-cli-service serve",},//mac系统
{"scripts": {"dev": "export NODE_ENV=development &&  webpack-dev-server --open --hot","build": "export NODE_ENV=production &&   --progress --hide-modules"}
}

那么问题又来了，我在Windows 开发部署的项目，可能在 Mac 系统无法正常打包，反之亦然。为了解决这个问题，有人就开发了 cross-env。

cross-env是一个跨平台设置环境变量的第三方包，它可以让你只配置一行命令，就能轻松地在多个平台设置环境变量。首先先安装，然后配置package.json

npm install --save-dev cross-env
// package.json
{..."scripts": {"dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot","build": "cross-env NODE_ENV=production webpack --mode=production  --progress --hide-modules"},
}

博客原文地址：https://blog.csdn.net/qq_44376306/article/details/122554570

process.env相关推荐

【node】express的www.js文件里面的process.env.PORT
问题描述在分析www.js里面的代码的时候,有: var port = normalizePort(process.env.PORT || '3001'); app.set('port', port ...
node process.env
官方process文档官方解释:process 对象是一个全局变量,它提供有关当前 Node.js 进程的信息并对其进行控制. 作为一个全局变量,它始终可供 Node.js 应用程序使用,无需使用 ...
boost::process::env相关的测试程序
boost::process::env相关的测试程序实现功能 C++实现代码实现功能 boost::process::env相关的测试程序 C++实现代码 #define BOOST_TEST_M ...
vue使用process.env搭建自定义运行环境
一.vue-cli项目下默认有三种模式: development:在 vue-cli-service serve 时使用. production:在 vue-cli-service build 和 v ...
node process.env.NODE_ENV 使用 cross-env 配置设置
process是一个全局对象,任意位置可以访问.在开发测试和正式部署时,需要区分不同的环境process.env.NODE_ENV,包括development和production,我推荐使用工具包c ...
NodeJS的环境变量process.env.*
NodeJS的环境变量process.env.* 在学习一些关于node框架时,经常会看到类似的代码 if (process.env.NODE_ENV === 'production') {modul ...
[配置]VUE中通过process.env判断开发，测试和生产环境，并分环境配置不同的URL HOST
[配置]VUE中通过process.env判断开发,测试和生产环境,并分环境配置不同的URL HOST process.env是什么? process.env 是 Node.js 中的一个环境对象.其 ...
Node 环境变量 process.env.NODE_ENV 之webpack应用
转载来源:https://github.com/wfzong/NODE_ENV_TEST,这里还有源码可以学习,谢谢原作者的分享! 对于process.env.NODE_ENV困惑起因为在配置webp ...
vue - process.env 定义
1.官方解释:process 对象是一个 global (全局变量),提供有关信息,控制当前 Node.js 进程.作为一个对象,它对于 Node.js 应用程序始终是可用的,故无需使用 requir ...
VueCli3以下获取process.env.NODE_ENV数据
参考对于VueCli3配置不同环境变量,请参考: vue-cli3创建项目而对于Vuecli3以下的则要注意使用cross-env去设置变量! 以开发环境说明运行脚本 "scripts ...

process.env

process.env

简介

示例

使用cross-env

process.env相关推荐

最新文章

热门文章