摘要:今天由于項目需要,想在組件上做一些變動和修改,我修改了的源代碼,發布到上去成功使用,記錄下過程中所碰到的問題。最后進行上傳上傳完成要是報各種看不懂的錯誤很大可能是包名重復。到項目中將項目中的中的中的修改為你的包名你的版本號。
今天由于項目需要,想在Tree組件上做一些變動和修改,我修改了elementUI的源代碼,發布到npm上去成功使用,記錄下過程中所碰到的問題。
下面簡單記錄下過程和過程中所遇到的問題以及問題的解決方案。
首先把elementUI的項目從git上克隆下來:
git clone https://github.com/ElemeFE/element.git
克隆完成后就會看到有個名叫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。
有不對的地方,各位路過的大佬多多指教。
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/100811.html
摘要:準備需要一個百度統計賬號站長版,如果沒有,根據提示注冊一個即可代碼獲取選擇想要分析的網站,然后將代碼粘貼到中,按照上面步驟來即可怎么讓事件轉化出現第三個方式使用功能一開始在管理基本轉化設置事件轉化添加事件轉化中是不會選項的。 1.準備 需要一個百度統計賬號--站長版,如果沒有,根據提示注冊一個即可 2.代碼獲取 選擇想要分析的網站,然后將代碼粘貼到中,按照上面步驟來即可showImg...
摘要:最近入坑在此過程遇到一些一般教程沒有注意的問題,由此記錄一下。教程看的是技術胖的免費視頻技術胖教程。但對我這種半路出家的前端來說,打過幾次也沒成功,又不能不學,只能在網上找解決方法。 最近入坑Fultter,在此過程遇到一些一般教程沒有注意的問題,由此記錄一下。教程看的是技術胖的免費視頻 技術胖Fultter教程。一般情況下按照此教程是可以慢慢把開發環境搭好的,但其中遇到如下問題:1....
摘要:準備需要一個百度統計賬號站長版,如果沒有,根據提示注冊一個即可代碼獲取選擇想要分析的網站,然后將代碼粘貼到中,按照上面步驟來即可怎么讓事件轉化出現第三個方式使用功能一開始在管理基本轉化設置事件轉化添加事件轉化中是不會選項的。 1.準備 需要一個百度統計賬號--站長版,如果沒有,根據提示注冊一個即可 2.代碼獲取 選擇想要分析的網站,然后將代碼粘貼到中,按照上面步驟來即可showImg...
摘要:由于該項目是基于原本的安卓,做的微信,所以原來的使用的頁面現在需要在中實現,那就是使用查看了很多很多文檔,其中這一篇是很有價值的下面將天的爬坑最終以問答的方式總結如下組件中如何引入如何獲取對象以及內的對象如何向內傳送信息內如何向外部發送信息 由于該項目是基于原本的安卓app,做的微信h5,所以原來的使用webview的頁面現在需要在vue中實現,那就是使用iframe查看了很多很多文檔...
閱讀 1993·2021-08-11 11:13
閱讀 1015·2021-07-25 21:37
閱讀 2577·2019-08-29 18:42
閱讀 2510·2019-08-26 12:18
閱讀 915·2019-08-26 11:29
閱讀 1684·2019-08-23 17:17
閱讀 2664·2019-08-23 15:55
閱讀 2599·2019-08-23 14:34