如何在Monorepo中的VueJS项目之间共享组件

时间:2018-07-24 07:54:07

标签: typescript webpack vue.js

在一个存储库中,我有两个VueJS单页应用程序,应共享一些组件,一个插件和其他通用代码。如果对通用代码进行了更改,则这些更改应在两个应用程序中立即可见。

我的问题: 我该如何解决?有规范的方法可以做到这一点吗?

问题

我的简化方法是将代码复制到公共目录中,并使用../../common/my_component导入。但这会破坏相对导入以及输入。

将共享内容转换为npm模块会破坏更改的自动更新,不是吗?

更多上下文:

我正在用TypeScript编写应用程序。 npm链接不是必须的,因为它必须运行

现在结构如下:

/ Main_Project
|-App1
| |- src
| |- ...
|-App2
| |- src
| |- ...
|-Common
| |- components
| |- plugins
| |- shared_code

0 个答案:

没有答案