前端子项目共用node_modules

项目目录结构如下

首先按上面的结构新建三个项目,有一定前端经验的都知道怎么处理,我就不多介绍了。

1,子项目1 package.json如下,我只安装了vue

index.js如下

2,子项目2 package.json如下,我安装了vue 和axios

3,在安装完依赖后,把子项目1和子项目2中的node_modules删除。

4,父项目package.json配置如下

父项目index.js如下

5,进入父项目根目录,执行npm i 安装依赖,然后执行项目中的index.js。一切正常,而且node_modules中只有一个VUE,可供两个子项目使用。

相关推荐
zzialx123几秒前
HarmonyOS:照片添加多样式的水印信息
前端
前端冒菜师5 分钟前
记一次AI全栈开发的过程
前端·ai编程
Giant10012 分钟前
深度玩转 Cursor Rules:让 AI 生成的代码 100% 符合团队规范
前端·面试
代码煮茶14 分钟前
Vue3 组件通信实战 | 8 种组件通信方式全解析
前端·vue.js
kyriewen15 分钟前
自定义事件:让代码之间也能“悄悄对话”
前端·javascript·面试
子兮曰22 分钟前
别把它当成一次普通“源码泄露”:Claude Code 事件给 AI Agent 团队提了什么醒
前端·npm·claude
心之语歌32 分钟前
Vue2 data + Vue3 ref/reactive 核心知识点总结
开发语言·前端·javascript
诸葛亮的芭蕉扇35 分钟前
tooltip-position-solution
前端·vue.js·elementui
LXXgalaxy1 小时前
`摸鱼决策轮盘`【vue3+ts前端实战小项目】
前端
这是个栗子1 小时前
关于 TypeScript 的介绍
前端·javascript·typescript