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

Question

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

问题是，进行代码更改将成为一个问题，并且确实会降低开发过程的速度。

任何人都可以建议一种保持这种分离的方法，但也能够在浏览器刷新时立即看到变化吗？

Answer 1

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

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

在共享模块的源文件夹中（包含package.json）： -

npm link

这将在package.json文件中创建包名称的全局链接（例如my-shared-module）

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

npm link my-shared-module

这将在您的node_modules文件夹中创建一个符号链接（可以通过构建系统监视其更改）