我們在使用npm install 安裝模組或外掛的時候,有兩種命令把他們寫入到 package.json 檔案裡面去,比如:
–save-dev(-D)
–save(-S)
在 package.json 檔案裡面提現出來的區別就是,使用 –save-dev 安裝的 外掛,被寫入到 devDependencies 物件裡面去,而使用 –save 安裝的外掛,責被寫入到 dependencies 物件裡面去。
那 package.json 檔案裡面的 devDependencies 和 dependencies 物件有什麼區別呢?
devDependencies 裡面的外掛只用於開發環境,不用於生產環境,而 dependencies 是需要釋出到生產環境的。
即devDependencies 下列出的模組,是我們開發時用的,比如 我們安裝 js的壓縮包gulp-uglify 時,我們採用的是 “npm install –save-dev gulp-uglify ”命令安裝,因為我們在釋出後用不到它,而只是在我們開發才用到它。dependencies 下的模組,則是我們釋出後還需要依賴的模組。
{ "dependencies": { "vue": "^2.2.1" }, "devDependencies": {"css-loader": "^0.25.0", "file-loader": "^0.9.0", "vue-loader": "^11.1.4", "vue-template-compiler": "^2.2.1", "webpack": "^2.2.0",
"webpack-cli": "^2.1.3", "webpack-dev-server": "^2.2.0" } }