前端子项目共用node_modules

项目目录结构如下

前端子项目共用node_modules_第1张图片

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

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

前端子项目共用node_modules_第2张图片

index.js如下

前端子项目共用node_modules_第3张图片

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

前端子项目共用node_modules_第4张图片

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

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

前端子项目共用node_modules_第5张图片

父项目index.js如下

前端子项目共用node_modules_第6张图片

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

你可能感兴趣的:(前端)