84669인 학습
152542인 학습
20005인 학습
5487인 학습
7821인 학습
359900인 학습
3350인 학습
180660인 학습
48569인 학습
18603인 학습
40936인 학습
1549인 학습
1183인 학습
32909인 학습
使用webpack需要安装很多加载器、npm包，git管理的时候需要上传node_modules目录吗？这个目录是不是太大了，但是不上传的话，每个参入开发的人都需要自己去下载那一堆的加载器吗？
走同样的路，发现不同的人生
利用package.json管理你的npm包1、项目初始化的时候使用npm init初始化package.json配置文件；2、package.json里面有两个字段devDependencies和dependencies两个字段分别表示开发环境需要的npm包和部署环境需要的npm包。3、同步代码的时候大家只需要同步一下package.json文件，然后执行npm install命令，npm会自动检索package.json中的配置，安装相应的node_modules。这里给出我的一个项目的package.json的相应字段；
npm init
devDependencies
dependencies
npm install
"dependencies": {}, "devDependencies": { "babel-preset-es2015": "^6.6.0", "gulp": "^3.9.1", "gulp-babel": "^6.1.2", "gulp-concat": "^2.6.0", "gulp-connect": "^2.3.1", "gulp-minify-css": "^1.2.3", "gulp-sass": "^2.1.1", "gulp-uglify": "^1.5.1", "shelljs": "^0.7.0" }
可以看到npm包名和版本号都有记录，这样能保证大家的环境统一。最后，负责项目基础配置的人在初始化项目时：
使用npm install命令时添加--save，会自动去package.json中的dependencies下添加相应的包名和版本。
--save
使用npm install命令时添加--save-dev，会自动去package.json中的devDependencies下添加相应的包名和版本。
--save-dev
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
利用package.json管理你的npm包
1、项目初始化的时候使用
npm init初始化package.json配置文件；2、package.json里面有两个字段
devDependencies和dependencies两个字段分别表示开发环境需要的npm包和部署环境需要的npm包。3、同步代码的时候大家只需要同步一下package.json文件，然后执行
npm install命令，npm会自动检索package.json中的配置，安装相应的node_modules。这里给出我的一个项目的package.json的相应字段；
可以看到npm包名和版本号都有记录，这样能保证大家的环境统一。
最后，负责项目基础配置的人在初始化项目时：
使用
npm install命令时添加--save，会自动去package.json中的dependencies下添加相应的包名和版本。使用
npm install命令时添加--save-dev，会自动去package.json中的devDependencies下添加相应的包名和版本。