我可以使用'npm- link‘将这个包与我的项目链接起来。但是，在浏览器中，这些更改没有正确反映出来

Question

我有一个组件库设计系统。我想在另一个项目中使用这个库。我确实在“设计系统”中运行了npm-link，在项目中运行了npm link design-system。

首先，在我删除了package-lock.json并执行了npm i之后，链接不起作用。我可以看到，我的组件引用了设计系统的dist索引路径。即使我改变了设计系统中的任何东西并构建了它。它立即反映在项目中。我可以在VS code IDE中看到设计系统的代码。

但是，当我们运行程序时，这些更改不会反映在UI中。

例如，我对设计系统中的console.log代码进行了注释

​

​

甚至我也可以通过点击“转到定义”在包中看到这段代码。但在浏览器中，代码不会更新。

​

​

我清除了“应用程序缓存”并重试。我不知道我错过了什么。请帮我弄一下这个。

谢谢!

Answer 1

您需要在监视模式下运行design-system库的构建。现在，对于每个更改，库将构建，包将更新，因此您将看到反映的更改。

或者，出于开发目的，您可以执行以下操作

"design-system": "file:../relative-path-from-pkg-json"

而不是npm-link。尽管如此，如果您可以针对您的库的非构建版本。它可能会也可能不会工作，这取决于你的构建工具。

或者你也可以尝试一下Nx Monorepo的方法，它会处理所有关于工具的事情。而你可以专注于你的发展。