如何升級一個element-ui組件

綜述:目前項目需要實現基於element-UI的前端組件,希望進一步提高組件的可用性

1.以element-UI中的tabs標籤組件爲例進行分析,組件使用流程;

在node_module中的element-UI中的package存放了基於vue語法實現的一個個組件,在實際使用的時候將這些.vue組件全部進行編譯,產生了lib文件,這裏纔是真正可以引用到項目中使用的組件。

爲了修改element中的組件必須進行下方的操作:

修改源碼不能在項目中修改,不管是去element-ui下的packages下的組件中的main.js還是去輸出的lib包裏面修改都是無效的。

這個時候就要去創建一個新的文件夾,在文件夾下面運行命令窗口,輸入以下代碼

git clone https://github.com/ElemeFE/element.git
cd element
npm install

然後再修改packages 裏面的源碼,在進行打包運行

npm run dist

然後把打包後的lib包文件去替換Element下的lib文件 即可進行使用;

 

 

 

 

 


 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章