node-npm发布包-package.json中bin的用法

前言

用过angular-cli,create-react-app这些脚手架的朋友们,不知道你们有没有好奇过,
为什么安装这些脚手架后,可以使用类似ng generate之类的命令。小弟研究了以下,原来是这样的。

package.json

贴一个简单的package.json

{
  "name": "arashiquan33-node-learn",
  "version": "1.1.0",
  "description": "learn node.js",
  "main": "module.js",  //包的入口文件
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [
    "node",
    "express"
  ],
  "author": "arashiquan33",
  "license": "ISC"
}

接下来我们也给这个包制作一个命令,叫q-cli。

  1. 新建bin文件夹,创建q-cli.js

    #!/usr/bin/env node
    function run (argv) {

    if (argv[0] === '-v' || argv[0] === '--version') {
    
    	console.log('  version is 0.0.1');
    
    } else if (argv[0] === '-h' || argv[0] === '--help') {
    
    	console.log('  usage:\n');
    	console.log('  -v --version [show version]');
    
    }
    

    }
    run(process.argv.slice(2));

  2. #!/usr/bin/env node 这段话的意思是让使用 node 进行脚本的解释程序,那下面的就可以使用 node 的语法了

process.argv.slice(2),//从进程中获取参数,不懂得可以参考 我写的这篇文章

好了,上面这段脚本当被加载执行的时候,会首先执行run方法,并且传入进程输入的参数。

添加bin

好了,现在我们把bin需要的可执行js文件已经创建好,接下来需要在package.json中描述进去.

{
  "name": "arashiquan33-node-learn",
  "version": "1.1.0",
  "description": "learn node.js",
  "main": "module.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "bin": {
    "q-cli": "./bin/q-cli.js"  //告诉package.json,我的bin叫q-cli,它可执行的文件路径是bin/q-cli.js
  },
  "keywords": [
    "node",
    "express"
  ],
  "author": "arashiquan33",
  "license": "ISC"
}

好了,现在换差最后一步我们就可以再命令行使用q-cli.

打成全局包

必须要打成全局包才可以使用该命令,打成全局包的命令
npm install . -g
或者
npm link
在这里插入图片描述
好了,现在可以再命令行输入q-cli,
在这里插入图片描述

不知道大家明白bin的制作方法了没,觉得好了,点一波关注,双击666走起。

  • 12
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 3
    评论
在处理"Cannot find module 'webpack-cli/package.json'"错误时,可能存在几种原因。根据引用和的信息,这个错误可能是由于webpack-cli的位置无法正确获取造成的。在控制台输入webpack时,会运行node_modules\node_modules\webpack\bin\webpack.js文件,并检查是否安装了webpack-cli或webpack-command。如果没有安装其之一,会提示你需要下载webpack-cli。如果只安装了webpack-cli,它会使用require.resolve获取webpack-cli/package.json的路径并加载模块。 如果你遇到这个错误,可以尝试以下解决方法: 1. 确保你已经全局或本地安装了webpack-cli。你可以使用npm install webpack-cli -g(全局安装)或npm install webpack-cli --save-dev(本地安装)来安装webpack-cli。 2. 如果已经安装了webpack-cli,可以尝试重新安装它,以确保安装过程没有出现任何问题。 3. 检查你的项目的package.json文件,确保webpack-cli已经正确添加到依赖项。如果没有添加,可以手动将其添加到package.json文件,并运行npm install命令来安装它。 4. 如果以上方法都没有解决问题,可以尝试删除node_modules文件夹,并重新运行npm install命令来重新安装所有依赖项。 希望这些解决方法能够帮助你解决"Cannot find module 'webpack-cli/package.json'"的问题。如果问题仍然存在,请参考引用提供的信息,尝试下载所需的文件并放置在你的vue项目的node_modules文件夹下。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [webpack -v报错:Cannot find module ‘webpack-cli/package.json](https://blog.csdn.net/mashirokayo/article/details/127834908)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *3* [手动解决Cannot find module '@sentry/webpack-plugin'等问题](https://download.csdn.net/download/jlq_diligence/28725246)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

脚本大神

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值