如何將iview封裝成本身的組件庫

由於項目UI風格改版,iview提供的的定製主題知足不了需求,有些組件須要更改結構,因此須要對iview進行二次開發,封裝成公司內部的組件庫。git

步驟

  1. 從github clone iview源代碼,看一下它的各類配置文件尤爲是package.json和.babelrc,與本地項目做比較,適當合併一下,以後刪除沒必要要的文件,只留下 src 這個文件夾。
  2. 修改本地項目的iview引入方式,只須要修改main.js裏iview的引入路徑,在個人項目里路徑是這樣:es6

    import iView from './iview/src/index'; 
    
    import './iview/src/styles/index.less';

    運行一下項目,若是不能正常運行,檢查一下babel配置是否是有問題,沒有將es6語法進行轉換。github

  3. 以後就能夠對iview源代碼進行修改開始組件定製了。
相關文章
相關標籤/搜索