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

Question

介绍： 我用vue-cli ~4.2.0生成了两个项目：

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

目前，parent-app 在开发模式下工作正常，dummylib 被导入其中。 dummylib 的所有 vue 组件都可以正常渲染。

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

我目前的库开发过程:

1. (dummylib): yalc publish - 假设它已经建成
2. (parent-app): yalc link dummylib
3. (parent-app): npm serve - 开始本地开发
4. 正在编辑dummylib...
5. (dummylib): npm build - !!!想避免这一步!!!
6. (dummylib): yalc publish --push - 在此之后，我看到我在 (4) 中所做的编辑被应用...

那么有什么方法可以避免 (5) 吗？我也考虑过 monorepo，但决定目前不使用它。

Answer 1

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

"start": "vue-cli-service build --target lib --name dummylib src/main.js --watch --mode development"

到 package.json

中的 scripts 部分