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

时间:2016-09-08 08:24:17

标签: javascript angularjs reactjs npm

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

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

任何人都可以建议一种保持这种分离的方法,但也可以在浏览器刷新时立即看到更改吗?

1 个答案:

答案 0 :(得分:1)

要回答我自己的问题 - 可以使用npm link

来完成

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

在共享模块的源文件夹中(包含package.json): -

npm link

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

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

npm link my-shared-module

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