如何在不每次都构建的情况下使用 npm 包进行开发？

【问题标题】：How to use a npm package for development without building it every time?如何在不每次都构建的情况下使用 npm 包进行开发？
【发布时间】：2022-01-05 08:10:16
【问题描述】：

我使用npm link 指向npm 包的本地克隆。在 npm 包的 package.json 文件中，我将入口点设置为 dist/index.js。当我在本地版本上开发时，我不想每次都重建项目。我该如何解决这个问题？

【问题讨论】：

你不能。如果您不重新构建它，构建输出将不会得到更新。
有最佳实践解决方案吗？
要么编写不需要构建步骤的包，要么在更改时重新构建它们。
也许使用两个不同的分支？一种用于生产，一种用于开发？
我不确定你认为这会有什么帮助，要么代码是源代码在两个分支上，要么你仍然需要在开发分支上构建源代码来为生产创建输出分支。

标签： javascript reactjs npm webpack

【解决方案1】：

将 package.json 文件入口点设置为 dist/index.js 文件。

然后在 package.json 文件中设置一个新的scripts 选项来运行tsc <filename> -w。这将运行带有 watch 标志 的 TypeScript Compile 命令。这将在目录中的文件更改时重新编译。

如果您有不直接使用tsc 或不支持监视标志的不同流程，请查看下面使用nodemon 的链接。

https://stackoverflow.com/a/48255950/5779200

您无法避免构建过程，因此最好接受它并了解不更改部署和开发之间的入口点的优势。

流程简单，只需按下启动键，您的启动脚本就会自行运行
在 Prod 和本地开发中的相同输出意味着更少的问题
根据更改自动重建允许更快的开发，而不必重新执行命令

【讨论】：