npm发布包

1、新建一个文件夹,进入其终端,输入npm init

image.png

会出现一个可填写的框,输入包名,这个就是你要发布的包的名字,然后回车,一直到最后出现 Is This OK?(yes)这时候输入yes即可,会生成一个package.json文件

2、进入package.json

image.png

main指我们包的入口,这个一定要跟我们入口文件对应,如果是vue文件,那么这个指向打包后的js文件

3、新建index.js文件,随便写个工具函数,或者你就直接console.log也无所谓~

这里有一点要注意,如果你的包没有依赖,就没法打包,转换es5语法,得用module.exports或者exports导出,不能用export default,这样无法解析

//index.js  
function reduce () {
    const arr = [1, 3, 2, 4, 9]
    let result = arr.reduce((total, item) => {
        return total += item
    }, 0)
    console.log(result)
}
module.exports = reduce

4、登录npm账号,发布你的包。如果还没有账号,去官网注册一个就行

npm login

image.png

登录成功会有这样的提示


image.png
5、发布程序 npm publish

如果发布中遇到有403错误,这种就是包名重复了,需要换一个包名,就是package.json中的name字段,修改完就可以再次提交了

6、引用

npm install 包名 下载你的依赖包

var reduce = require('./index')
reduce()
image.png

7、更新包

直接在package.json中更改version就行,小改动就改最后一个,比如1.0.1

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 最近使用 Npm 发布包时遇到了一些坑,集中记录下以便后续查看。 01. 就个人经验来说,我们写的包往哪儿发布,无...
    dkvirus阅读 8,273评论 0 6
  • 在学习这篇教程之前,你需要先了解NodeJs,NPM和一些常用的shell命令! 从零开始创建一个命令行工具 1....
    忍不住的k阅读 1,254评论 0 0
  • 常用命令 初始化描述文件 npm init可以帮助快速生成package.json文件 注册包仓库账号 npm a...
    Kevin丶CK阅读 674评论 0 1
  • 首次发表在个人博客 在npm上发布自己的包 发布包 1.创建你要发布的包 /lib/test.js index.j...
    IOneStar阅读 391评论 0 3
  • 准备 注册 npm 账号 发布 npm adduser 如果报了 401 Unauthorized 错误,查看是否...
    zhulichao阅读 139评论 0 0