使用 npm 发布自己的 npm 包

第一步 build 代码

使用 vue-cli

使用其中的库模式 构建目标

1
vue-cli-service build --target lib --name myLib [entry]

第二步 npm 发布

1. 修改 package.json

  • version: 0.0.1 修改版本号
  • private: false
  • main: dist/myLib.umd.min.js (指定使用入口)

2. 注册登录 npm 账号

官网注册 npm 官网
命令行登录账号

1
npm adduser
  • 如果使用了淘宝源,需要切换为 npm 官方的 建议使用 nrm 管理
1
2
3
npm i -g nrm
nrm ls
nrm use npm

3. 发布

首先创建 .npmignore 排除无关代码,然后发布

1
npm publish

4. 测试

发布成功之后的测试

新建项目,安装发布的 npm 包进行测试

也可以直接在本地测试自己的 npm 包, 在npm 包目录使用 npm link,然后在测试项目中运行 npm link xxx

updatedupdated2024-03-152024-03-15