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 使用指南 - 阮一峰的网络日志

相关推荐
kirinlau几秒前
vue3+vite+scss项目使用tailwindcss
前端·css·scss
阿贾克斯的黎明3 分钟前
现代前端的魔法标签:HTML5 语义化标签全解析
前端·html·html5
菠菜盼娣6 分钟前
vue3知识点
前端·vue.js
JIngJaneIL10 分钟前
基于java+ vue建筑材料管理系统(源码+数据库+文档)
java·开发语言·前端·数据库·vue.js·spring boot
土豆125012 分钟前
终端自治时代的 AI 开发范式:Claude Code CLI 全方位实操指南
前端·人工智能·程序员
Gazer_S15 分钟前
【Vue Router 路由守卫(Navigation Guards)指南:概念、执行顺序、beforeResolve、异步路由组件】
前端·javascript·vue.js
半梅芒果干15 分钟前
vue3 新建文件store自动导入
开发语言·前端·javascript
玖笙&26 分钟前
✨万字解析解析:Vue.js优雅封装级联选择器组件(附源码)
前端·javascript·vue.js·前端框架
烟袅27 分钟前
深入理解 React 中 useState 与 useEffect
前端·javascript·react.js