package.json文件中声明/使用/查看npm变量

当我们配置npm命令，有重复的关键字时，一个个去改会增加工作量、容易写错，且不方便管理。那么我们能否配置npm变量，在需要的地方引用它呢？答案是可以的。

• 配置npm变量 

        比如我们新增一个属性“config”，在它内部声明我们需要的变量名、变量值

"config": {
		"port": 3002,
		"react_command": "craco",
		"react_command_bak": "react-scripts"
},
"scripts": {
		"start": "BROWSER=none PORT=$npm_package_config_port $npm_package_config_react_command start",
		"build": "$npm_package_config_react-command build",
		"test": "$npm_package_config_react-command test",
		"eject": "$npm_package_config_react-command eject",
		"package": "docker build -t plugin_agent:$npm_package_version . && "
}

•  使用npm变量

        比如我们在“scripts”中需要使用端口、指定react命令执行工具这两个变量，那么我们只需要用$npm_package_config_port、$npm_package_config_react_command替代即可，即带上$npm_package_config_前缀，config位我们新增的属性名，可任意命名

• 查看npm变量

        在项目根目录执行npm run env，即可看到所有变量，包括我们刚配置的变量

username@C02G42QYMD6V project-name % npm run env

> project-name@0.1.0 env
> env

npm_package_config_react_command=craco
npm_package_config_react_command_bak=react-scripts
TERM_PROGRAM=vscode
NODE=/usr/local/bin/node
INIT_CWD=/Users/bytedance/Documents/projects/van-order-admin
TERM=xterm-256color
SHELL=/bin/zsh
npm_config_metrics_registry=http://bnpm.byted.org/
TMPDIR=/var/folders/41/zgpxltfd6p9cgwxq1nqvv3sr0000gp/T/
npm_config_global_prefix=/usr/local
TERM_PROGRAM_VERSION=1.74.3
ZDOTDIR=/Users/bytedance
ORIGINAL_XDG_CURRENT_DESKTOP=undefined
MallocNanoZone=0
COLOR=1
npm_config_noproxy=
npm_config_port=3008

最后

以上就是甜美音响为你收集整理的package.json文件中声明/使用/查看npm变量的全部内容，希望文章能够帮你解决package.json文件中声明/使用/查看npm变量所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。