--save-dev和--save的區別

使用npm來進行前端包管理的時候，我們會用到npm install或者cnpm install命令來安裝需要用到的包資源

1: npm install *** --save-dev

2: npm install *** --save

我們通常會使用以上兩種安裝命令，而兩者的區別在於：

當我們需要安裝一些支持類的工具的時候，例如webpack，babel-loader之類時，我們希望用

npm install *** --save-dev 命令，該命令會使安裝的包在package.json中的devDependencies:{***}中

當我們安裝的是一些實際在項目代碼中會用到的框架的時候，例如react，jquery，antd-design等，我們希望用

npm install *** --save 命令，該命令會使安裝的包在package.json中的dependencies:{***}中



從package.json中的字段我們也可以理解為，但一些工具是在開發環境中才使用到的時候（在開發環境中我們會需要進行一些例如起本地服務，代理，轉碼，打包等操作），我們將其安裝在devDependencies:{***}中

而對於在生產環境中同樣會用到的工具框架（生產環境中已經是成熟的應用，所有的東西都應該是核心有效的），我們需要將其安裝在dependencies:{***}中。

（當使用npm install --production的時候，只會安裝dependencies:{***}中的項目。