npm install --save 、--save-dev 、-D、-S 的区别与NODE_ENV的配置方法

备注:<=> 意为等价于;

1、npm install <=> npm i

--save <=> -S

--save-dev <=> -D

npm run start <=> npm start // 对应"scripts"里的"start"命令

少敲几下键盘,何乐而不为

2、npm i --save-dev

工程构建(开发时、“打包”时)依赖 ;例:xxx-cli , less-loader , babel-loader...

3、npm i --save

项目(运行时、发布到生产环境时)依赖;例:antd , element,react...

4、对应关系如下

(至于我们啥时候用--save、啥时候用--save-dev 感觉是个规范问题,用反了项目一样可以跑起来(对于安装依赖正确时),但会给其他看你项目的人带来误解、可能会导致一些bug的出现,还有一些配置的错乱等)

npm install --save 、--save-dev 、-D、-S 的区别与NODE_ENV的配置方法_第1张图片

5、使用npm i 安装package.json里的依赖时,两部分的包都会pull下来

5-1、使用 --prod、

npm i --prod <=> npm i --production // 仅会拉取dependencies中的依赖

5-2、设置NODE_DEV=production时 // 效果同上,仅会拉取dependencies中的依赖 (注意等号两边没空格)

5-2-1、命令行设置(注意不同环境时的"分割符")

window => cmd :set NODE_ENV=production && xxxx

mac => shell :NODE_ENV=production 空格 xxxx

5-2-2、package.json=>script命令中设置

 

npm install --save 、--save-dev 、-D、-S 的区别与NODE_ENV的配置方法_第2张图片

彩蛋:在新建package.json文件时,我们可以使用npm init -y 快速创建(yes 表示一路默认创建,还有 -f 表示 force)

npm install --save 、--save-dev 、-D、-S 的区别与NODE_ENV的配置方法_第3张图片

到此这篇关于npm install --save 、--save-dev 、-D、-S 的区别与NODE_ENV的配置方法的文章就介绍到这了,更多相关npm install --save --save-dev内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

你可能感兴趣的:(npm install --save 、--save-dev 、-D、-S 的区别与NODE_ENV的配置方法)