多个vue项目公用组件的问题

Question

Ps:我不要把组件上传npm,弊端是10个项目用了一个组件,我修改组件还需要是个项目都去更新,我希望能本地修改组件,多个项目可以直接同步

大概是这么个意思,如下图,打包不需要在顶层,每个项目独立打包就行,目的是多个项目里的公用代码能提出来公用
问题是:packages里的项目怎么使用顶层的components里的组件,和公用js,图片等,用一套eslint,并且打包也能正常打包

-projects
|-services
|-utils
|-components // 这是公用组件
        |---my-table
        |---my-list
|-packages // 这里是多个vue项目
        |---my-app1
        |---my-app2
|-eslint.js
|-package.json

npm本地file在我看来不是一个好的方案,我看了lerna+storybook的方案,但是引用组件等会有问题,请问哪位大神有相关文章或者最佳实现

Answer 1

可以考虑monorepo的方式，也就是lerna，将你的公共组件也作为一个package，然后其他packages引用你这个公共package，就和你引用其他npm包一样使用你的公共组件，关于lerna使用，你可以搜一下相关的文章，整体不是很复杂，我们内部的项目也是通过lerna整合放到一起，也不用发布npm包

Answer 2

方案一：
打包成 umd 的包，然后放到外网地址，每个项目都已资源文件的方式引用这个 umd 的包

方案二：
将你的组件做成 package 包，传到 npm (或者公司内部部署一套)，其他项目安装你的组件包