###### tags: `Web` `Npm`

# npm --save 與 npm --save-dev 不同處紀錄

## npm i --save [package name]

安裝套件設定在dependencies

## npm i --save-dev [package name]

安裝套件設定在devDependencies

## dependencies與devDependencies差異

- "dependencies": Packages required by your application in production. (Rls用了什麼套件)
- "devDependencies": Packages that are only needed for local development and testing. (只有在開發或測試的時候需要的套件)

可以想像 dependencies 的套件是你的程式 build 出來之後發布版本仍然需要的套件，舉例來說，我需要 sass 套件將我的 sass 轉成 css，但是發布版本已經是 css 了，就不需要再有 sass 套件了。

**另外小提醒，@types是 typescript型別，通常編譯後還是js 所以@types系列不會放在 dependencies會放在 devDependencies**