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

Javascript 制作vue.js组件库。避免在每次编辑后重建它,javascript,vue.js,npm,shared-libraries,node-modules,Javascript,Vue.js,Npm,Shared Libraries,Node Modules,简介:我使用vue cli~4.2.0生成了两个项目: 父应用程序-主项目 dummylib-由父应用程序导入的库。里面有一堆.vue组件 目前,parent应用程序在开发模式下运行良好,其中导入了dummylib。所有dummylib的vue组件都呈现正常 问题:我想编辑dummylib并动态查看更改,因为它是在父应用程序中发生的:无需在每次代码修改后重新构建它 我当前的图书馆开发过程: (dummylib):yalc publish-假设它已经建成 (parent-app):yalc-l

简介:我使用vue cli~4.2.0生成了两个项目:

  • 父应用程序
    -主项目
  • dummylib
    -由父应用程序导入的库。里面有一堆
    .vue
    组件
目前,
parent应用程序
在开发模式下运行良好,其中导入了
dummylib
。所有
dummylib
的vue组件都呈现正常

问题:我想编辑
dummylib
并动态查看更改,因为它是在
父应用程序中发生的:无需在每次代码修改后重新构建它

我当前的图书馆开发过程

  • dummylib
    ):
    yalc publish
    -假设它已经建成
  • parent-app
    ):
    yalc-link-dummylib
  • parent-app
    ):
    npm-service
    -开始本地开发
  • 编辑
    dummylib
  • dummylib
    ):
    npm构建
    -!!!想要避免这一步
  • dummylib
    ):
    yalc-publish-push
    -在此之后,我看到(4)中的编辑正在应用

  • 那么,有什么可以避免的选择吗?我也考虑过monorepo,但决定目前不采用

    最后,通过添加:

    "start": "vue-cli-service build --target lib --name dummylib src/main.js --watch --mode development"
    
    package.json中的
    scripts
    部分