更換包管理工具npm爲yarn

官網: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
相關文章
相關標籤/搜索