title: npm-dependencies
date: 2016-10-23 20:11:52
tags: ['node', 'npm']

dependencies 與 devDependencies 的區別

npm install 在安裝 npm 包時，有兩種命令參數可以把它們的信息寫入 package.json 文件：

1. --save
2. --save-dev

但它的文檔里，只提到一個小區別，--save 會把依賴包名稱添加到 package.json 文件 dependencies 鍵下，--save-dev 則添加到 package.json 文件 devDependencies 鍵下，譬如：

{
  "name": "yo",
  "version": "0.0.0",
  "dependencies": {},
  "devDependencies": {
    "grunt": "~0.4.1",
    "grunt-contrib-copy": "~0.4.1",
    "grunt-contrib-concat": "~0.3.0",
    "grunt-contrib-uglify": "~0.2.0",
    "grunt-contrib-compass": "~0.7.0",
    "grunt-contrib-jshint": "~0.7.0",
    "grunt-contrib-cssmin": "~0.7.0",
  }
}

不過這只是它們的表面區別。它們真正的區別是，devDependencies 下列出的模塊，是我們開發時用的，比如 grunt-contrib-uglify，我們用它混淆 js 文件，它們不會被部署到生產環境。dependencies 下的模塊，則是我們生產環境中需要的依賴。

原文地址：<a >Jimliu</a> 歡迎轉載