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

场景:

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

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

实现:【二选一】

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

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

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

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

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

相关推荐
幻灵尔依8 分钟前
前端编码统一规范
javascript·vue.js·代码规范
欢脱的小猴子8 分钟前
VUE3加载cesium,导入czml的星座后页面卡死BUG 修复
前端·vue.js·bug
高级测试工程师欧阳9 分钟前
CSS 基础概念
前端·css·css3
前端小巷子10 分钟前
JS 实现图片瀑布流布局
前端·javascript·面试
Juchecar17 分钟前
AI教你常识之 npm / pnpm / package.json
前端
薛定谔的猫224 分钟前
前端工程化系列(一):编码规范相关
前端·代码规范·前端工程化
ZKshun27 分钟前
[ 前端性能优化 - 图片压缩 ] WebP格式的的图片性能到底有多优秀?
前端
杜蒙30 分钟前
React Hooks 详解
前端·javascript
南囝coding30 分钟前
Claude Code 从入门到精通:最全配置指南和工具推荐
前端·后端
索马里亚纳海参炒贩31 分钟前
useCallback useMemo memo 三个区别和作用
前端·react native