前端子项目共用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,可供两个子项目使用。

相关推荐
C澒2 小时前
微前端容器标准化:容器标准化能力的 “配置化+ 插件化”
前端·架构
anOnion8 小时前
构建无障碍组件之Carousel Pattern
前端·html·交互设计
ssshooter8 小时前
Tauri 2 iOS 开发避坑指南:文件保存、Dialog 和 Documents 目录的那些坑
前端·后端·ios
Можно8 小时前
深入理解 ES6 Proxy:与 Object.defineProperty 的全面对比
前端·javascript·vue.js
Birdy_x9 小时前
接口自动化项目实战(1):requests请求封装
开发语言·前端·python
天天向上102410 小时前
vue el-table实现拖拽排序
前端·javascript·vue.js
柳杉11 小时前
Three.js × Blender:从建模到 Web 3D 的完整工作流深度解析
前端·javascript·数据可视化
reembarkation12 小时前
vue3中使用howler播放音频列表
前端·vue.js·音视频
手握风云-12 小时前
基于 Java 的网页聊天室(三)
服务器·前端·数据库
weixin1997010801612 小时前
《识货商品详情页前端性能优化实战》
前端·性能优化