Javascript 制作vue.js组件库。避免在每次编辑后重建它
简介:我使用vue cli~4.2.0生成了两个项目: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
-主项目父应用程序
-由父应用程序导入的库。里面有一堆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
部分