問(wèn)題描述

使用webpack需要安裝很多加載器、npm包，git管理的時(shí)候需要上傳node_modules目錄嗎？這個(gè)目錄是不是太大了，但是不上傳的話，每個(gè)參入開(kāi)發(fā)的人都需要自己去下載那一堆的加載器嗎？

問(wèn)題解答

利用package.json管理你的npm包1、項(xiàng)目初始化的時(shí)候使用npm init初始化package.json配置文件；2、package.json里面有兩個(gè)字段devDependencies和dependencies兩個(gè)字段分別表示開(kāi)發(fā)環(huán)境需要的npm包和部署環(huán)境需要的npm包。3、同步代碼的時(shí)候大家只需要同步一下package.json文件，然后執(zhí)行npm install命令，npm會(huì)自動(dòng)檢索package.json中的配置，安裝相應(yīng)的node_modules。這里給出我的一個(gè)項(xiàng)目的package.json的相應(yīng)字段；

'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包名和版本號(hào)都有記錄，這樣能保證大家的環(huán)境統(tǒng)一。最后，負(fù)責(zé)項(xiàng)目基礎(chǔ)配置的人在初始化項(xiàng)目時(shí)：

使用npm install命令時(shí)添加--save，會(huì)自動(dòng)去package.json中的dependencies下添加相應(yīng)的包名和版本。

使用npm install命令時(shí)添加--save-dev，會(huì)自動(dòng)去package.json中的devDependencies下添加相應(yīng)的包名和版本。