我们在运行项目的过程中经常遇到的问题是node_modules依赖包过大,如果每次都install加载一次,简直不要太耽误时间,如何解决这一问题呢,鉴于它本身项目运行自动向上层追中依赖的特性,我们可以把依赖放在上层某一层的目录中。
注:由于每个人的项目存放非方式不同,所以本篇同时写了一下项目梳理过程(按照我的个人习惯),及文件夹层级的构建过程,仅仅是为了方便讲解node_modules的安装过程。可以根据自己的个人去求来构建,并且文件名称尽量使用英文名称。
接下来开始进行一下项目梳理,并构建上层依赖:
建立一个大的文件夹 workpace ,在workpace下构建一个H5文件夹存放H5的开发代码,下层建立areas文件夹用于存放分地区工程文件(由于我现在的工作经常接受各地区的项目,所以层级较多)
-workpace-H5-areas-项目工程
- 我们从gitlab下载工程文件到areas中
- 把工程文件中的package.json文件复制到areas同级目录下
- 在areas同级目录下(H5内)
cmd
打开命令窗口 - 执行命令
cnpm install
安装node_modules依赖到本目录下。 - 当我们以后下载其他工程,可以直接
npm run server
直接运行, 如果缺少某些依赖 ,查看终端窗口会有提示,打开依赖node_modules目录 ,执行第三步,执行命令npm install <name> --sava-dev
注:
转载:https ://blog.csdn.net/shelly1072/article/details/51524029
Jancy1072的博客
NPM介绍:
说明:NPM(节点包管理器)是的NodeJS的包管理器,用于节点插件管理(包括安装,卸载,管理依赖等)
使用NPM安装插件:命令提示符执行npm install <name> [-g] [--save-dev]
name:节点插件名称。
例:npm install gulp-less --save-dev
-g
:全局安装。 将会安装在C:\ Users \ Administrator \ AppData \ Roaming \ npm,并且写入系统环境变量;非全局安装:将会安装在当前定位目录;全局安装可以通过命令行任何地方调用它,本地安装将安装在定位目录的node_modules文件夹下,通过要求()调用;
--save
:将保存至的package.json(的package.json是的NodeJS项目配置文件)
-dev
:保存至的package.json的devDependencies节点,不指定-dev将保存至依赖节点
npm 与cnpm区别见另一篇博文《【VUE】关于npm与cnpm 初级入门的疑问》
https://blog.csdn.net/weixin_43193667/article/details/83618754https://blog.csdn.net/weixin_43193667/article/details/83618754