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

相关推荐
吴所畏惧1 分钟前
前端打包cdn或者dll打包方式
前端
小鲤鱼ya4 分钟前
vue3 + ts + uni-app 移动端封装图片上传添加水印
前端·typescript·uni-app·vue3
霍理迪6 分钟前
Vue—条件渲染与循环渲染
前端·javascript·vue.js
xixixin_10 分钟前
【CSS】字体大小不一致?px与vw渲染差异的底层原理与解决方案
前端·css
小J听不清15 分钟前
CSS 内边距(padding)全解析:取值规则 + 表格实战
前端·javascript·css·html·css3
zhangjikuan8916 分钟前
在 ArkTS 中,Promise 的使用比 TypeScript 更严格(必须显式指定泛型类型)
前端·javascript·typescript
桐溪漂流17 分钟前
Uni-app H5 环境下 ResizeObserver 监听 mp-html 动态高度
前端·uni-app·html
Highcharts.js18 分钟前
React 如何实现大数据量图表(性能优化指南)
前端·javascript·react.js·信息可视化·集成·highcharts
奔跑的呱呱牛19 分钟前
如何设计一个可扩展的地图前端架构?从0到1的工程实践(OpenLayers)
前端·架构·openlayers