【webpack】dependencies與devDependencies，npm、cnpm、yarn

dependencies指生成環境依賴包，devDependencies指開發環境依賴包。均在項目的package.json中。

區別在於該包是否有用，好比webpack、gulp在生產環境用不到，是在開發環境用的。打包後的代碼既是純的。

jquery等是要在生產環境用的。由於上線的代碼也包含jquery代碼，是不會被翻譯成原生js的，打包好上線以後還須要包支持的。

 

npm、cnpm、yarn等均是js包管理工具，用於安裝項目依賴包

npm是nodejs自帶的命令，通常狀況下沒有問題，不過有一些缺陷。好比國內被牆，安裝速度很慢。安裝包時可能致使版本不一致，好比版本號上的^和~

cnpm是淘寶的npm鏡像，速度會比npm有所提高，用法同樣，安裝cnpm：

npm install -g cnpm --registry=https://registry.npm.taobao.org

yarn是爲了解決npm一些缺陷的，好比速度快，解決安裝版本號不一致問題。安裝yarn：

npm install -g yarn

使用yarn：

//初始化項目
yarn init //添加選定依賴包
yarn add [package] yarn add [package]@[version] yarn add [package]@[tag] //將依賴項添加到不一樣依賴項類別中
yarn add [package] --dev //到devDependencies
yarn add [package] --peer //到peerDependencies
yarn add [package] --optional //到optionalDependencies

//升級依賴包
yarn upgrade [package] yarn upgrade [package]@[version] yarn upgrade [package]@[tag] //移除依賴包
yarn remove [package] //安裝項目所有依賴
yarn 或 yarn install