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

场景:

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

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

实现:【二选一】

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

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

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

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

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

相关推荐
timeguys4 分钟前
【前端】[vue3] [uni-app]使用 vantUI 框架
前端·uni-app
岁岁岁平安13 分钟前
Vue3学习(组合式API——Watch侦听器、watchEffect()详解)
前端·javascript·vue.js·学习·watch侦听器·组合式api
码视野19 分钟前
基于Spring Boot和Vue的在线考试系统架构设计与实现(源码+论文+部署讲解等)
vue.js·spring boot·系统架构
uwvwko35 分钟前
BUUCTF——web刷题第一页题解
android·前端·数据库·php·web·ctf
有事没事实验室1 小时前
CSS 浮动与定位以及定位中z-index的堆叠问题
前端·css·开源
Stringzhua1 小时前
JavaScript入门【3】面向对象
javascript
2501_915373881 小时前
Vue路由深度解析:Vue Router与导航守卫
前端·javascript·vue.js
小妖6662 小时前
前端表格滑动滚动条太费事,做个浮动滑动插件
前端
读心悦2 小时前
5000 字总结CSS 中的过渡、动画和变换详解
前端·css·tensorflow