使用git管理webpack的程式碼時多人怎麼協作？一般託管哪些文件？

Question

使用webpack需要安裝很多載入器、npm套件，git管理的時候需要上傳node_modules目錄嗎？這個目錄是不是太大了，但是不上傳的話，每個參入開發的人都需要自己去下載那一堆的載入器嗎？

淡淡烟草味 · Answer

利用package.json管理你的npm套件
1、專案初始化的時候使用npm init初始化package.json設定檔；npm init初始化package.json配置文件；
2、package.json里面有两个字段devDependencies和dependencies两个字段分别表示开发环境需要的npm包和部署环境需要的npm包。
3、同步代码的时候大家只需要同步一下package.json文件，然后执行npm install2、package.json裡面有兩個欄位 devDependencies和dependencies兩個欄位分別表示開發環境所需的npm套件和部署環境所需的npm套件。
3、同步程式碼的時候大家只需要同步一下package.json文件，然後執行npm install指令，npm會自動檢索package.json中的配置，安裝對應的node_modules。

這裡給出我的一個專案的package.json的對應欄位；

 "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使用
下方加入對應的套件名稱和版本。
npm install命令时添加--save-dev，会自动去package.json中的devDependencies使用
下方加入對應的套件名稱和版本。

🎜