element ui 二次封裝,進行webpack將自己組件打包,並通過script標簽直接使用 類似csdn的方式使用


首先吧element ui 的源碼下載或者克隆下來 地址: https://github.com/ElemeFE/element

注意:components.json將自己新增的組件及組件名字在這個文件同時也要引入進來,避免打包不上自己新增的組件,具體原理(這里不解釋l),里面一步一步的追究其源碼很好理解的。

element-ui 我這里的目錄我拉去了代碼自己重新改了加名字叫element-uex,其中里面的原理及邏輯和element ui 一樣

以上代碼根據自己需要寫完了,直接npm run dist即可打包構建自己新增的組件即可。

以上都是截圖及怎么應用的截圖及快速構建到自己的項目中去,我以上說的至少針對.html的頁面通過script標簽直接使用的情況,可以這樣去二次開發組件及打包。
如果是.vue 的頁面,就更簡單了哈,直接按需引入即可。就不用打包這么麻煩了。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM