javascript - 在保留热重载的同时在 2 个项目之间共享组件

Question

我们正在使用 Angular 2 开发 2 个产品(尽管 React 会遇到同样的问题)。我们希望在这两种产品之间共享组件。我在想，将事情分解成 npm 模块是实现这一目标的好方法。

问题是更改代码会成为一个问题，并且会真正减慢开发过程。

谁能提出一种既能保持这种分离又能在浏览器刷新时立即看到变化的方法？

Answer 1

回答我自己的问题 - 这可以通过使用 npm link 来完成

npm 链接允许您在 2 个客户端项目中的每一个中都有一个指向共享模块的链接。

在共享模块的源文件夹中(里面有 package.json):-

npm link

这会为 package.json 文件中的包名称创建一个全局链接(例如 my-shared-module)

然后在每个客户项目中:-

npm link my-shared-module

这将在您的 node_modules 文件夹中创建一个符号链接(symbolic link)(您的构建系统可以监视该文件夹的更改)