npm script 自定义命名

npm script 中传参

需求

执行一条脚本命名可以自定义参数, 有现在这么一条脚本 package.json 下,执行 src 下某个 js 文件

javascript 复制代码
"dev": "node src/a.js"

这里需求:能自定义 src/ 下目录参数

javascript 复制代码
"dev": "node src/${自定义}.js"

解决方案

以 echo 命名为 demo

配置【package.json】

了解 npm_config 能作为自定义参数【docs.npmjs.com/cli/v9/usin...

打印一条数据,把对应数据当做参数传入 $npm_config_{你的参数}

javascript 复制代码
"echo": "echo $npm_config_source"

执行

执行对应的脚本,在脚本后面添加 --{你的参数}="想填入的参数"

javascript 复制代码
npm run echo --source="hello wolrd"

输出

参考

npm 官方文档👇🏻

npm scripts 使用指南 - 阮一峰的网络日志

相关推荐
古一|26 分钟前
Vue3中ref与reactive实战指南:使用场景与代码示例
开发语言·javascript·ecmascript
peachSoda728 分钟前
封装一个不同跳转方式的通用方法(跳转外部链接,跳转其他小程序,跳转半屏小程序)
前端·javascript·微信小程序·小程序
@PHARAOH40 分钟前
HOW - 浏览器兼容(含 Safari)
前端·safari
undefined在掘金390411 小时前
flutter 仿商场_首页
前端
少卿1 小时前
react-native图标替换
前端·react native
熊猫钓鱼>_>1 小时前
TypeScript前端架构与开发技巧深度解析:从工程化到性能优化的完整实践
前端·javascript·typescript
JYeontu2 小时前
肉眼难以分辨 UI 是否对齐,写个插件来辅助
前端·javascript
fox_2 小时前
别再踩坑!JavaScript的this关键字,一次性讲透其“变脸”真相
前端·javascript
盛夏绽放2 小时前
uni-app Vue 项目的规范目录结构全解
前端·vue.js·uni-app
少卿2 小时前
React Native Vector Icons 安装指南
前端·react native