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

简介:我已经用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,但决定目前不使用它。

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

最后,通过添加以下内容使其起作用:

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

scripts中的package.json部分

本文链接:https://www.f2er.com/2624001.html

大家都在问