制作 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部分