如何发布一个npm包?

Posted changxue

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何发布一个npm包?相关的知识,希望对你有一定的参考价值。

npm包在现在前端开发中经常使用且便利,而我也是经常使用,而没研究怎么去发布npm。那如何发布npm包呢?

一、在npm的官网上注册一个账号登录,https://www.npmjs.com/

  注意此步骤记住登录名和密码,后面会使用到

二、新建一个目录,比如study,进入到这个study目录里,使用 npm login 命令登录,按照提示操作:

  技术图片

 

  注意 password 输入时不显示,继续按正确方式输入就行,不影响

三、进入study目录,执行命令npm init 初始化项目生成package.json文件

  技术图片

  注意:package.json 文件的name值唯一,此名字就是将来供下载使用的npm包名

 

四、在study目录新建index.js文件

  module.exports = "hello world";

 

五、在study目录下发布npm包 :npm pulish

  此步骤其实发布的就是study目录以及目录下的文件(index.js、package.json)

    如果发布成功,请在 https://www.npmjs.com/settings/XXX/packages 下查看

 

注意:在 npm publish 过程中遇见的问题:

  1.邮箱未验证

    npm ERR! 403 Forbidden - PUT https://registry.npmjs.org/study123 - you must verify your email before publishing a new package: https://www.npmjs.com/email-edit

    技术图片

    处理:将邮箱中的邮箱验证链接处理下就行

 

  2.npm 包名不唯一

    npm ERR!  you do not have permission to publish ‘study‘.Are you logged in as the corrent user?

    处理:改变 package.json 中的name 值即可

 

拓展:

  1.使用发布的npm包

   npm install study123 --save (包名就是package.json文件的name值)
   import test from ‘study123‘
   console.log(test) //"hello world"

  2.更新一个已经发布的包
     npm version patch //修改包的版本
    npm publish //重新发布包

  3.删除自己发布的npm包
   npm unpublish
    npm --force unpublish

    技术图片

 

以上是关于如何发布一个npm包?的主要内容,如果未能解决你的问题,请参考以下文章

如何发布一个 npm 包

如何发布一个 npm 包

反应 | Npm 包 - 如何导出 2 个组件以用作 npm 包

如何发布一个npm包?

如何上传一个npm包

如何开发一个自己的npm包