如何优雅地在本地测试 npm 包

JackZhouMine - 2021-09-14 17:10:58

---

如何优雅地在本地测试 npm 包

需要发布my-npm，想在my-project项目内测试my-npm

my-npm 是 npm 的名字，不一定和项目名字相同，为了方便，开发 my-npm 的项目名字也叫 my-npm。

三种方法yalc 模拟仓库

全局安装 npm i yalc -g

my-npm build 后， 执行 yalc public， my-project yalc add my-npm

推荐这种方式，更加简单透明。

npm link

my-npm build 后，执行 npm link，然后 my-project npm link my-npm

测试完毕，my-project npm unlink my-npm 释放软连接。

npm i . -g

my-npm build 后， 执行npm i . -g，然后 my-project npm link my-npm

测试完毕，my-project npm unlink my-npm 释放软连接。

这些命令做了啥

link 和 npm i . 都在 npm 的全局 node_modules 内创建了链接到 npm 的软连接。

yalc 则在项目模拟了一个仓库，在 yarn add 本地的 npm 包。

本质是简化了yarn add file:npm-path。

# yalc add 之后
"j-form-table": "file:.yalc/j-form-table",

常用的 yalc 命令

yalc publish # 发布
yalc add npm-name # 安装进入项目
yalc update # 升级npm
yalc remove npm-name # 移除 npm
yalc dir npm-name # 查看 npm 的目录

关于 npmignore

npmignore 排除资源，使 npm 体积减少。

不配置 npmignore

配置了 npmignore

参考

如何在本地测试 npm 包

如何减少 npm 包的体积

Tags 标签

npmreact.jsvue.jsnode.js前端

扩展阅读