如何发布自己的npm包

前景

在最近的公司项目中,前端项目很多都需要一些类似功能的公共方法(工具方法)。于是我萌发了一个想法,自己建一个npm包,用来收录公司前端常用的一些公共方法,然后发布到npm上,这样不管以后哪个项目要使用,只需要一个npm install。逼格又高又方便。

创建项目

  • 首先第一步,为了方便维护自己的项目,管理自己的代码,现在github上创建一个项目

创建完成:地址 https://github.com/LeoMelody/dd_leo_common

project.png

  • 将项目拷到本地

  • 进入项目,打开命令行,运行 npm init (初始化 packag.json 文件)

  • 构建一个npm包的架构
    创建 lib文件夹(存放js代码)
    创建 index.js 包入口文件
    .....
    包结构完成图:


    package.png

随便写点什么吧

我是在lib目录下创建了一个arrayUtils工具类,用来存放我的一些常用的数组操作方法,如图:

array.png

在index.js中引入这个js:

image.png

包发布

  • 首先要注册一个npm账号

  • 开始敲命令行:

  npm adduser
  Username: xxxxx
  password: xxxxxx
  email: xxxx@xxx
  • 上面命令敲完以后,在package.json目录下敲下面这行命令
npm publish .

这时候,如果提示你没有验证邮箱,就去验证一下就好了。

现在,这个npm 包已经推广上去了(我这个还在开发阶段,还没有搞上去)

最后,你可以发布上传一个自己的npm包供他人使用,是不是逼格很高。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容