NPM install 命令的使用

1.概述:

常用命令

–save,安装到项目中,项目开发及生产中都需要该插件,相当于-S
–save-dev,安装到项目中,项目开发需要,生产中不需要该插件,相当于-D
-g 全局安装。例如
  1. 全局安装命令 `npm install moduleName -g `
  1. 局部安装命令 ` npm install moduleName –save-dev`
  2. npm安装指定版本的依赖,例如:npm install –save react-router@2.8.1 // 2.8.1是指定的版本号
  3. 删除模块:npm uninstall 模块名

删除本地模块时你应该思考的问题:是否将在package.json上的相应依赖信息也消除?

npm uninstall 模块:删除模块,但不删除模块留在package.json中的对应信息

npm uninstall 模块 –save 删除模块,同时删除模块留在package.json中dependencies下的对应信息

npm uninstall 模块 –save-dev 删除模块,同时删除模块留在package.json中devDependencies下的对应信息

具体用法:NPM install –save 和 -dev含义

npm install moduleName # 本地安装模块到项目目录下,可以通过 require() 来引入本地安装的包

npm install -save moduleName # -save 的意思是将模块安装到项目目录下,并在package文件的dependencies节点写入依赖。
 
npm install -save-dev moduleName # -save-dev 的意思是将模块安装到项目目录下,并在package文件的devDependencies节点写入依赖。

执行npm install时,会下载安装package.json文件的devDependencies和dependencies节点中定义的依赖模块
运行npm install –production或者注明NODE_ENV变量值为production时,会自动下载dependencies中的模块到node_modules目录中,而不会管devDependencies中的。
放在 devDependencies 的包,在别人引用的时候不会被 npm 下载

2.dependencies(生产环境依赖)和devDependencies(开发环境依赖)

npm install 和 npm i 是一样的,都是安装package.json文件中的依赖包。
安装单独的依赖包时,npm install

–save 等同于-S (常用,可保存在package.json文件中),
-S, –save 安装包信息将加入到dependencies(生产阶段的依赖,也就是项目运行时的依赖,就是程序上线后仍然需要依赖)
–save-dev 等同于 -D
-D, –save-dev 安装包信息将加入到devDependencies(开发阶段的依赖,就是我们在开发过程中需要的依赖,只在开发阶段起作用。)
区别:
在用npm install 单独安装 npm 包时,有两种命令参数可以把它们的信息写入 package.json 文件,一个是npm install–save,另一个是 npm install –save-dev,他们表面上的区别是:
–save 会把依赖包名称添加到 package.json 文件 dependencies 下,
–save-dev 则添加到 package.json 文件 devDependencies下 ,譬如:

{
	"dependencies": {
		 "@ant-design/pro-layout": "^4.5.0",
	    "@antv/data-set": "^0.10.2",
	    "antd": "^3.19.1",
	},
	"devDependencies": {
		"babel-core": "^6.0.0",
		"babel-loader": "^6.0.0",
		"babel-preset-latest": "^6.0.0",
		"cross-env": "^3.0.0",
		"css-loader": "^0.25.0",
		"file-loader": "^0.9.0",
		"vue-loader": "^11.1.4",
		"vue-template-compiler": "^2.2.1",
		"webpack": "^2.2.0",
		"webpack-dev-server": "^2.2.0"
	}
}

不过这只是它们的表面区别。它们真正的区别是:
dependencies是运行时的依赖,
devDependencies是开发时的依赖。
即devDependencies 下列出的模块,是我们开发时用的,比如 我们安装 js的压缩包gulp-uglify 时,我们采用的是 “npm install –save-dev gulp-uglify ”命令安装, 因为我们在发布后用不到它,而只是在我们开发才用到它。

举例:
像jQuery库或者Angular框架类似的,我们在开发完后后肯定还要依赖它们,否则就运行不了,这是dependencies;
而写 ES6 代码,需要babel转换成es5,转换完成后,我们只需要转换后的代码,上线的时候,直接把转换后的代码部署上线,不需要bebal了,上线了不需要,这就是devDependencies。
而如果用了 jQuery,由于发布之后还是依赖jQuery,所以是dependencies。

补充:
正常使用npm install时,会下载dependencies和devDependencies中的模块,当使用npm install –production或者注明NODE_ENV变量值为production时,只会下载dependencies中的模块。



Posted in JS

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注