綜述:目前項目需要實現基於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文件 即可進行使用;