官網:https://yarnpkg.com/zh-Hans/php
主要考慮: 1. npm管理安裝模塊依賴的版本不太方便,容易在刪除node_modules從新install或在其餘機器上新安裝時, 安裝模塊的依賴的版本不一致,致使編譯後的模塊ID或trunkID不一致。 yarn能夠方便的自動生成並更新yarn.lock文件鎖定依賴模塊的版本。 2. yarn能夠從緩存中安裝包,速度會有所提高
更換爲yarn步驟:vue
1. 下載yarm安裝文件安裝或使用npm直接安裝node
下載yarm.msi(0.24.6版本):http://pan.baidu.com/s/1qXEgXYkwebpack
npm安裝: cnpm install yarn -g (注意:目前官網最新穩定版本爲0.24.6,npm暫時只更新到0.24.5)web
建議安裝msi文件,統一使用0.24.6版本。若是使用npm安裝了0.24.5版本,後面出現一些模塊ID不一致的狀況,請更換爲0.24.6版本。npm
2. 安裝好後驗證yarn版本緩存
yarn versions { yarn: '0.24.6', vue2webpack2: '0.24.6 http_parser: '2.7.0', node: '6.10.3', v8: '5.1.281.101', uv: '1.9.1', zlib: '1.2.11', ares: '1.10.1-DEV', icu: '58.2', modules: '48', openssl: '1.0.2k' }
3. 刪除原node_modules, 從新安裝url
rm -rf node_modules
yarn
4. 從新編譯dllspa
yarn run dll
yarn run deploy
安裝好後注意看下截圖上的安裝源registry是否是淘寶鏡像那邊,不是的話運行下面:webpack2
yarn config set registry https://registry.npm.taobao.org