在两个项目之间共享组件，同时保留热加载

Sharing Components between 2 projects while retaining hot reload

本文关键字：组件 保留 加载 共享 之间 项目 两个      更新时间：2023-09-26

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

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

谁能建议一种保持这种分离的方法，但也能够在浏览器刷新时直接看到变化?

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

来完成

npm link允许你在两个客户端项目中分别有一个到共享模块的链接。

在共享模块的源文件夹中(与包。Json): -

npm link

这将为包中的包名创建一个全局链接。Json文件(例如my-shared-module)

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

npm link my-shared-module

这将在你的node_modules文件夹中创建一个符号链接(你的构建系统可以监控它的变化)

相关文章：