制作vue.js组件库。避免在每次编辑后重新构建它

Question

Intro：我已经用vue-cli〜4.2.0生成了两个项目：

• parent-app-主项目
• dummylib-由parent-app导入的库。里面有一堆.vue组件。

当前，parent-app在开发模式下工作正常，已将dummylib导入到其中。 dummylib的所有vue组件都可以正常显示。

问题：我想编辑dummylib并查看更改[[即时，因为它与parent-app一起发生：无需在每次修改代码后重新构建它。

我当前的图书馆开发过程：

（[dummylib）：yalc publish-假设它已经被构建]
1. （[parent-app）：yalc link dummylib
2. （（parent-app）：npm serve-开始本地开发
3. 正在编辑dummylib ...
4. （[dummylib）：npm build-
5. !!!想要避免这一步！！！]]

（（dummylib）：yalc publish --push-此后，我看到我对（4）的编辑正在应用...

所以有什么选择可以避免（5）？我也考虑过monorepo，但决定目前不使用它。

简介：我已经用vue-cli〜4.2.0生成了两个项目：parent-app-主项目dummylib-由parent-app导入的库。里面有一堆.vue组件。当前，parent-app ...

Answer 1

最后，通过添加使其正常工作：