NPM install --save, --save-dev 差別

NPM下載package指令npm install後的flag參數--save與--save-dev差別如下。

npm install --save相當於npm install --save-prod或npm install -P，也是npm 5後npm install的預設行為，會把下載的package名稱放到package.json的dependencies中，意思為生產環境需要的package。

npm install --save-dev或npm install -D則是把下載的package名稱放到package.json的devDependencies中，意思為只有本地開發及測試環境才需要package。

package.json

{
  ...
  "dependencies": {
    ...
    "react": "^17.0.2", // <-- npm install --save
    ...
  },
  ...
  "devDependencies": {
    ...
    "@babel/cli": "^7.0.0", // <-- npm install --save-dev
    ...
  }
}

當環境變數NODE_ENV=production或執行npm install --production時，只有dependencies中描述的packages會被下載到node_modules，而devDependencies中描述的package不會被下載。

• NPM - Specifying dependencies and devDependencies in a package.json file
• NPM - npm-install
• NPM 執行npm install後沒有package.json