vue3 使用 vite 管理多个项目,实现各子项目独立运行,独立打包

场景:

之前写过一篇 vite vue2 的配置,但是现在项目使用 vue3 较多,再更新一下

vue脚手架初始化之后的项目,每个项目都是独立的,导致项目多了之后,node依赖包过多,占用内存较多。想实现的效果是:一个项目结构管理多个子项目,子项目运行或者打包后都可以是独立的,但是共用一个node依赖包文件

实现:【二选一】

1、多个项目共同使用一份配置文件,打包及跨域相关配置均在一个文件中修改并运行

容易造成一份文件过于冗余

2、每个项目都有自己的配置文件,打包及跨域相关配置可以再自己的文件中修改并运行【Monorepo 架构管理多个子项目】

项目可以灵活进行配置,跟其他项目不污染

(内容没有完善,有需要自行查找)

相关推荐
今日无bug几秒前
深入理解 JavaScript 变量提升(Hoisting)
javascript·面试
Csvn5 分钟前
structuredClone:原生深拷贝 API 的正确打开方式
前端
大猫会长9 分钟前
获取favicon.ico的方法
前端·javascript·html
无人生还10 分钟前
从 Vue3 到 React · 快速上手系列第 5 篇:事件处理与表单(受控组件 vs v-model)
前端·vue.js·react.js
默_笙14 分钟前
🎀 大模型说"呀"还是"吗"?temperature 和 Top K 在偷偷控制它的"性格"
前端·javascript
渣波14 分钟前
别再死磕MySQL了!用Milvus+LangChain给AI加个“海马体”,手把手带你写个RAG日记本
前端
乌夷17 分钟前
vue知识点
前端·javascript·vue.js
何时梦醒22 分钟前
🚀 从零上手 Milvus 向量数据库:打造一个 AI 智能日记本
前端·人工智能
blns_yxl25 分钟前
拖拽排序列表(HTML+JS)
前端·javascript·html
Data26 分钟前
把 React 前端做成「插件市场」:前后端联动的行业包可插拔架构
前端