【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      

部落格園作者：herry菌，原文連結：

https://www.cnblogs.com/wuhairui/p/12188257.html

朋友，看到這裡，關注作者的公衆号吧，不漏掉更新哦