elementUI原始碼修改的爬坑之旅

今天由於專案需要，想在tree元件的前面增加乙個icon圖示，根據不同型別增加不同的圖示，我修改了elementui的源**，發布到npm上去成功使用，記錄下過程中所碰到的問題，

首先看下最後的效果：

下面簡單記錄下過程和過程中所遇到的問題以及問題的解決方案。

首先把elementui的專案從git上轉殖下來：

git clone

轉殖完成後就會看到有個名叫element的資料夾出現：

然後進入element資料夾：

cd element

npm install

第一步已經完成。

修改原始碼，我修改的部分在packages裡面，

我修改完成後執行：

npm run dist

就會生成乙個lib資料夾，這部分是我們除錯用的，剛轉殖下來沒有run dist之前是沒有lib資料夾的，我修改完原始碼之後,執行run dist 後將生產的lib資料夾拷貝到專案中的node_modules中的element-ui資料夾中去，效果ok。

3.上傳npm 包。

第一次是在網上看大佬說只需要修改裡面的config.js檔案裡面的名字和package.json裡面的包名就可以了，我修改了之後上傳後結果是報了40多個路徑錯誤，找不到這個找不到那個，看的我是一臉懵。

然後我的解決方案是全域性全詞匹配到element-ui之後進行全域性替換為我設定的包名。

說下上傳包步驟，

首先進入element資料夾之後執行：

npm init

然後登陸下（沒有賬戶的註冊賬戶）：

npm login

依次根據提示輸入username、password、e-mail其他的都可以敲回車完事（記得改element資料夾中package.json檔案中的包名和版本號啊）。

需要強調的是包名不能重複，不然npm會給你報一堆亂七八糟的錯誤。

最後進行上傳：

npm publish

ok上傳完成（要是報各種看不懂的錯誤很大可能是包名重複）。

4.到專案中將專案中的package.json中的dependencies中的："element-ui": "^2.4.11"修改為："你的包名": "^你的版本號"。

然後進行依賴安裝：npm install

啟動專案，效果ok。

有不對的地方，各位路過的大佬多多指教。