elementUI源碼修改的爬坑之旅

今天因爲項目須要,想在Tree組件上作一些變更和修改,我修改了elementUI的源代碼,發佈到npm上去成功使用,記錄下過程當中所碰到的問題。node

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

  1. 首先把elementUI的項目從git上克隆下來:
git clone https://github.com/ElemeFE/element.git

克隆完成後就會看到有個名叫element的文件夾出現:github

clipboard.png
而後進入element文件夾:npm

cd element

安裝相關的依賴:element-ui

npm install

第一步已經完成。json

  1. 修改源碼,我修改的部分在packages裏面,

clipboard.png
我修改完成後執行:ui

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文件夾以後執行:spa

npm init

而後登錄下(沒有帳戶的註冊帳戶):調試

npm login

依次根據提示輸入username、password、e-mail其餘的均可以敲回車完事(記得改element文件夾中package.json文件中的包名和版本號啊)。
須要強調的是包名不能重複,否則npm會給你報一堆亂七八糟的錯誤。
最後進行上傳:code

npm publish

ok上傳完成(要是報各類看不懂的錯誤很大多是包名重複)。
4.到項目中將項目中的package.json中的dependencies中的:"element-ui": "^2.4.11"修改成:"你的包名": "^你的版本號"
而後進行依賴安裝:npm install 啓動項目,效果OK。有不對的地方,各位路過的大佬多多指教。

相關文章
相關標籤/搜索