问答

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

作者:admin 2021-04-17 我要评论

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

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

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的方案,但是引用组件等会有问题,请问哪位大神有相关文章或者最佳实现

###

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

###

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

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

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • nginx响应速度很慢

    nginx响应速度很慢

  • 点击选中的多选框,会在已选那一栏显示

    点击选中的多选框,会在已选那一栏显示

  • PHP 多态的理解

    PHP 多态的理解

  • 关于C语言中static的问题

    关于C语言中static的问题

腾讯云代理商
海外云服务器