如何发布一个 NPM 包

首先初始化: npm init

文件夹结构

  • .gitignore Git 库忽略文件清单
  • .npmignore 不包括在 npm 注册库中的文件清单
  • LECENSE 模块的授权文件
  • README.md 说明文档
  • bin 保存模块可执行文件的文件夹
  • doc 保存模块文档的文件夹
  • example 保存模块实际示例
  • lib 保存模块代码
  • man 保存模块的手册页
  • package.json 模块的 json 描述
  • test 保存模块测试

编写代码

项目结构:其中 index.js 是入口文件

复制代码
D:.
│  index.js
│  package.json
│
├─libs
│      colors.js
│      console-colors.js
│      print.js
│
└─test
        print-console.js

发布到 NPM

添加账号:

bash 复制代码
npm adduser

会弹出浏览器,输入用户名和密码,即可。

发布:

bash 复制代码
npm publish

会弹出浏览器进行验证,自动上传镜像仓库。

上传完毕!

相关推荐
沙振宇几秒前
【Web】使用Vue3+PlayCanvas开发3D游戏(六)模拟自驾场景SR+3D可视化
前端·游戏·3d·vue3·playcanvas
吴所畏惧7 分钟前
前端打包cdn或者dll打包方式
前端
小鲤鱼ya10 分钟前
vue3 + ts + uni-app 移动端封装图片上传添加水印
前端·typescript·uni-app·vue3
霍理迪12 分钟前
Vue—条件渲染与循环渲染
前端·javascript·vue.js
xixixin_16 分钟前
【CSS】字体大小不一致?px与vw渲染差异的底层原理与解决方案
前端·css
小J听不清20 分钟前
CSS 内边距(padding)全解析:取值规则 + 表格实战
前端·javascript·css·html·css3
zhangjikuan8922 分钟前
在 ArkTS 中,Promise 的使用比 TypeScript 更严格(必须显式指定泛型类型)
前端·javascript·typescript
桐溪漂流22 分钟前
Uni-app H5 环境下 ResizeObserver 监听 mp-html 动态高度
前端·uni-app·html
Highcharts.js23 分钟前
React 如何实现大数据量图表(性能优化指南)
前端·javascript·react.js·信息可视化·集成·highcharts
奔跑的呱呱牛24 分钟前
如何设计一个可扩展的地图前端架构?从0到1的工程实践(OpenLayers)
前端·架构·openlayers