npm --save-dev --save 的區別

我們在使用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"
  }
}