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

Posted 2023-02-22

【中文标题】制作 vue.js 组件库。避免在每次编辑后重建它

【英文标题】：Making vue.js component library. Avoid rebuilding it after each edit

【发布时间】：2020-06-29 19:30:58

【问题描述】：

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

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

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

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

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

(dummylib): yalc publish - 假设它已经建成 (parent-app): yalc link dummylib (parent-app): npm serve - 开始本地开发 正在编辑dummylib... (dummylib): npm build - ！！！想避开这一步！！！ (dummylib): yalc publish --push - 在此之后，我看到我对 (4) 的编辑正在应用...

那么有什么可以避免的选项（5）吗？我也考虑过monorepo，但决定目前不拥有它。

【参考方案1】：

最后，添加：

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

到package.json中的scripts部分