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

Question

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

• parent-app -主project
• dummylib -库，由parent-app导入.有一堆.vue组件在.

中

目前，parent-app在开发模式下工作良好，并将dummylib导入其中。所有dummylib的vue-组件都呈现为ok。

问题：--我想编辑dummylib并查看动态变化，因为它是与parent-app一起发生的:而不必在每次代码修改后重新构建它。

我当前的图书馆开发过程

1. (dummylib)：yalc publish -假设它已经建成already
2. (parent-app)：yalc link dummylib
3. (parent-app)：npm serve -启动本地development
4. Editing 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"

到scripts部分的package.json