npm_config_xxx

复制代码
// package.json

{ "scripts": { "log": "node index.js", } }

// index.js 
function logProcessEnv(key){ console.log(`process.env['${key}']`, process.env[key]); } 

logProcessEnv('npm_config_foo');

问题:

`npm run log` 和 `yarn log` 有没有区别?

首先这里读到了npm_config_foo变量,那么这个变量怎么来的呢?

比如:

npm config set foo=123

设置变量 foo 为123, 同时会往 .npmrc (用户主目录) 写入 foo=123 的配置信息 (永久)

同时,nodejs脚本可以通过process.env.npm_config_foo读取到123

还有其他设置么?有 --xxx=yyy 的形式,优先级最高

npm run task --foo=123

yarn task 不支持 --foo=123

.npmrc

除了用户主目录外,项目根目录也可以设置.npmrc文件,自行配置foo,优先级高于全局.npmrc

复制代码
foo=123

yarn config

会往.yarnc写配置,写法和 npm config有所区别,不能有等号,不然整串被当成一个整体,设置为true

复制代码
yarn config set foo 123

.yarnrc

内容格式也不一样

foo 123

使用注意

用yarn run和用npm run读取的配置不同(读的.npmrc还是.yarnrc?)

当运行npm run log 时,读取的npm_config_foo 来自.npmrc

当运行yarn log时,读取的npm_config_foo来自.yarnrc (如果没有配置在.yarnrc,会读取.npmrc)

结论:别混用npm和yarn

相关推荐
北海-cherish21 分钟前
vue中的 watchEffect、watchAsyncEffect、watchPostEffect的区别
前端·javascript·vue.js
2501_915909061 小时前
HTML5 与 HTTPS,页面能力、必要性、常见问题与实战排查
前端·ios·小程序·https·uni-app·iphone·html5
white-persist2 小时前
Python实例方法与Python类的构造方法全解析
开发语言·前端·python·原型模式
新中地GIS开发老师3 小时前
Cesium 军事标绘入门:用 Cesium-Plot-JS 快速实现标绘功能
前端·javascript·arcgis·cesium·gis开发·地理信息科学
Superxpang3 小时前
前端性能优化
前端·javascript·vue.js·性能优化
Rysxt_3 小时前
Element Plus 入门教程:从零开始构建 Vue 3 界面
前端·javascript·vue.js
隐含3 小时前
对于el-table中自定义表头中添加el-popover会弹出两个的解决方案,分别针对固定列和非固定列来隐藏最后一个浮框。
前端·javascript·vue.js
大鱼前端3 小时前
Turbopack vs Webpack vs Vite:前端构建工具三分天下,谁将胜出?
前端·webpack·turbopack
你的人类朋友3 小时前
先用js快速开发,后续引入ts是否是一个好的实践?
前端·javascript·后端