发布属于自己的npm包

986 阅读1分钟

背景

  • 公司落地页需求,页面多,但是结构大部分一致,所以就想搞一套属于自己的npm包方便应用
  • 感谢这个大佬的分享,很容易上手 传送门
  • 记录一些自己采的小坑

发布是报错403

  • 原因1(我遇到的),npm邮箱为验证,要去绑定的邮箱进行验证
  • 原因2 (网络上的),npm包名被占用了,改一下就行
  • 原因3(网络上的),npm使用的是淘宝源镜像,需要改回来npm config set registry https://registry.npmjs.org/

本地调试

  • 在包目录下运行 npm link
  • 1671088166833.jpg
  • 然后在引用该包的项目目录下 npm link xxx xxx为自己的包名
  • 热更新要每次都build编译
  • 可以在node_modules中看到这个包
  • npm unlink删除链接

部署上线后,项目中无法引用

  • 原因:package.json 中 main属性引用的地址 "main": "dist/helloName.min.js",
  • 我写成了 "main": "helloName.min.js", 导致报错This dependency was not found:

更新包

  • 发布时必须要更新版本号,不然无法更新包
  • 项目中应用,可以将项目中的 "npm-advantage": "^1.0.1", 升级成对应的版本号,重新npm i 一遍即可以使用

that's all

-感谢上面的那位大佬