Vue devDependencies 与 dependencies 能别,如何往 项目的node_modules安装组件
概述
- devDependencies
- 用于本地环境开发
- 只会在开发环境下依赖的模块,生产环境不会被打入包内(通过
NODE_ENV=developement
或NODE_ENV=production
指定开发还是生产环境)
- dependencies
- 用户发布环境
- 不仅开发环境能使用,生产环境也能使用
安装
我们在使用 npm install
安装模块或插件的时候,有两种命令把他们写入到 package.json
文件里面去,他们是:--save-dev
或--save
不能将同一个包(例如vue),同时安装到dependencies和devDependencies 里面,他们是互斥的,只能二选一
npm install 模块名 --save-prod
,安装到 dependencies,
npm install 模块名 --save-dev
,这里的dev默认特指 devDependencies,
特别注意:npm run dev
的 dev 与 npm install 模块名 --save-dev
的 dev 不是一个东西,一点关系都没有
我们把 开发中需要执行的命令在 package.json
的 script 中定义成 dev,就可以直接通过 npm run dev
触发执行了
如下图将 dev
改成 vipdev
示例
dependencies
装载:npm install vue --save-prod
卸载:npm uninstall vue --prod
devDependencies
装载:npm install vue --save-dev
卸载:npm uninstall vue --dev
-P 相当于 --save-prod, 添加dependencies 里面所有的包。在 -D -O 不存在时,-P 就是默认值 。 也可以写全称:`--save-production`
-S 相当于 --save; 添加dependencies 里面所有的包。
-D 相当于 --save-dev; 添加devDependencies 里面所有的包,
-O 相当于 --save-optional, 添加在 optionalDependencies 里面的包,
--no-save: 阻止保存记录在dependencies 中
npm install 命令
npm install moduleName 命令
1. 安装模块到项目node_modules目录下。
2. 不会将模块依赖写入devDependencies或dependencies 节点。
3. 运行 npm install 初始化项目时不会下载模块。
npm install -g moduleName 命令
1. 安装模块到全局,不会在项目node_modules目录中保存模块包。
2. 不会将模块依赖写入devDependencies或dependencies 节点。
3. 运行 npm install 初始化项目时不会下载模块。
npm install -save moduleName 命令
1. 安装模块到项目node_modules目录下。
2. 会将模块依赖写入dependencies 节点。
3. 运行 npm install 初始化项目时,会将模块下载到项目目录下。
4. 运行npm install --production或者注明NODE_ENV变量值为production时,会自动下载模块到node_modules目录中。
npm install -save-dev moduleName 命令
1. 安装模块到项目node_modules目录下。
2. 会将模块依赖写入devDependencies 节点。
3. 运行 npm install 初始化项目时,会将模块下载到项目目录下。
4. 运行npm install --production或者注明NODE_ENV变量值为production时,不会自动下载模块到node_modules目录中。
标签:npm,Vue,模块,--,dev,install,devDependencies,save,能别
From: https://www.cnblogs.com/vipsoft/p/18224614