目前,我们正在开发两个基于React的应用程序,比如app-a
和app-b
,它们有两个我们也管理的依赖项。包含共享组件的shared-components
包和包含app-a
和app-b
之间共享实用程序的shared-utilities
包。这两者都有自己的完整的package.json,并包含在app-a
和app-b
的package.json中。
依赖项:
app-a
|- shared-components
|- shared-utilities
和
app-b
|- shared-components
|- shared-utilities
每次我们在shared-components
中开发想要在app-a
中使用的东西时,我们都必须执行太多步骤:
- 在
shared-components
中制作<AwesomeComponent />
- 在
shared-components
中构建文件 - 提交/推送到GitHub
- 将package.json中的依赖项从
app-a
指向特定分支 - 运行
npm install
- 使用
<AwesomeComponent />
如果我们在开发时犯了错误,我们需要从步骤1开始延迟。当然,我们可以通过直接将构建文件复制到node_modules
文件夹来跳过提交/推送和npm install
,但每次构建组件时,这都会很麻烦。
你们用什么工作流程或任何技巧/建议来加快当地的发展?
注意;我们正在使用webpack将我们的文件和babel捆绑到transfile
您想要的可能是npm链接。
简单地说,在shared-components
中用sudo npm link
设置它。这会在全局npm目录中创建符号链接(因此,如果以root身份安装,则需要提升权限(。
接下来,您所需要做的就是进入app-a
并运行npm link shared-components
,它将用符号链接替换node_modules
中的文件夹。