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

场景:

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

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

实现:【二选一】

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

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

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

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

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

相关推荐
专注API从业者4 小时前
Python + 淘宝 API 开发:自动化采集商品数据的完整流程
大数据·运维·前端·数据挖掘·自动化
你的人类朋友5 小时前
【Node&Vue】JS是编译型语言还是解释型语言?
javascript·node.js·编程语言
烛阴5 小时前
TypeScript高手密技:解密类型断言、非空断言与 `const` 断言
前端·javascript·typescript
样子20186 小时前
Uniapp 之renderjs解决swiper+多个video卡顿问题
前端·javascript·css·uni-app·html
Nicholas686 小时前
flutterAppBar之SystemUiOverlayStyle源码解析(一)
前端
黑客飓风6 小时前
JavaScript 性能优化实战大纲
前端·javascript·性能优化
emojiwoo8 小时前
【前端基础知识系列六】React 项目基本框架及常见文件夹作用总结(图文版)
前端·react.js·前端框架
张人玉8 小时前
XML 序列化与操作详解笔记
xml·前端·笔记
杨荧8 小时前
基于Python的宠物服务管理系统 Python+Django+Vue.js
大数据·前端·vue.js·爬虫·python·信息可视化
YeeWang9 小时前
🎉 Eficy 让你的 Cherry Studio 直接生成可预览的 React 页面
前端·javascript