成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

elementUI源碼修改的爬坑之旅

_ipo / 2669人閱讀

摘要：今天由于項(xiàng)目需要，想在組件上做一些變動(dòng)和修改，我修改了的源代碼，發(fā)布到上去成功使用，記錄下過程中所碰到的問題。最后進(jìn)行上傳上傳完成要是報(bào)各種看不懂的錯(cuò)誤很大可能是包名重復(fù)。到項(xiàng)目中將項(xiàng)目中的中的中的修改為你的包名你的版本號(hào)。

今天由于項(xiàng)目需要，想在Tree組件上做一些變動(dòng)和修改，我修改了elementUI的源代碼，發(fā)布到npm上去成功使用，記錄下過程中所碰到的問題。

下面簡(jiǎn)單記錄下過程和過程中所遇到的問題以及問題的解決方案。

首先把elementUI的項(xiàng)目從git上克隆下來(lái)：

git clone https://github.com/ElemeFE/element.git

克隆完成后就會(huì)看到有個(gè)名叫element的文件夾出現(xiàn)：


然后進(jìn)入element文件夾：

cd element

安裝相關(guān)的依賴：

npm install

第一步已經(jīng)完成。

修改源碼，我修改的部分在packages里面，


我修改完成后執(zhí)行：

npm run dist

就會(huì)生成一個(gè)lib文件夾，這部分是我們調(diào)試用的，剛克隆下來(lái)沒有run dist之前是沒有l(wèi)ib文件夾的，我修改完源碼之后,運(yùn)行run dist 后將生產(chǎn)的lib文件夾拷貝到項(xiàng)目中的node_modules中的element-ui文件夾中去，效果OK。
3.上傳npm 包。
第一次是在網(wǎng)上看大佬說只需要修改里面的config.js文件里面的名字和package.json里面的包名就可以了，我修改了之后上傳后結(jié)果是報(bào)了40多個(gè)路徑錯(cuò)誤，找不到這個(gè)找不到那個(gè)，看的我是一臉懵。
然后我的解決方案是全局全詞匹配到element-ui之后進(jìn)行全局替換為我設(shè)置的包名。
說下上傳包步驟，
首先進(jìn)入element文件夾之后執(zhí)行：

npm init

然后登陸下（沒有賬戶的注冊(cè)賬戶）：

npm login

依次根據(jù)提示輸入username、password、e-mail其他的都可以敲回車完事（記得改element文件夾中package.json文件中的包名和版本號(hào)啊）。
需要強(qiáng)調(diào)的是包名不能重復(fù)，不然npm會(huì)給你報(bào)一堆亂七八糟的錯(cuò)誤。
最后進(jìn)行上傳：

npm publish

ok上傳完成（要是報(bào)各種看不懂的錯(cuò)誤很大可能是包名重復(fù)）。
4.到項(xiàng)目中將項(xiàng)目中的package.json中的dependencies中的："element-ui": "^2.4.11"修改為："你的包名": "^你的版本號(hào)"。
然后進(jìn)行依賴安裝：npm install
啟動(dòng)項(xiàng)目，效果OK。
有不對(duì)的地方，各位路過的大佬多多指教。

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/100811.html

相關(guān)文章

  • 獻(xiàn)給一下午對(duì)于百度統(tǒng)計(jì)事件轉(zhuǎn)化的爬坑

    摘要：準(zhǔn)備需要一個(gè)百度統(tǒng)計(jì)賬號(hào)站長(zhǎng)版，如果沒有，根據(jù)提示注冊(cè)一個(gè)即可代碼獲取選擇想要分析的網(wǎng)站，然后將代碼粘貼到中，按照上面步驟來(lái)即可怎么讓事件轉(zhuǎn)化出現(xiàn)第三個(gè)方式使用功能一開始在管理基本轉(zhuǎn)化設(shè)置事件轉(zhuǎn)化添加事件轉(zhuǎn)化中是不會(huì)選項(xiàng)的。 1.準(zhǔn)備 需要一個(gè)百度統(tǒng)計(jì)賬號(hào)--站長(zhǎng)版，如果沒有，根據(jù)提示注冊(cè)一個(gè)即可 2.代碼獲取 選擇想要分析的網(wǎng)站，然后將代碼粘貼到中，按照上面步驟來(lái)即可showImg...

    beanlam 評(píng)論0 收藏0

  • 初入 Flutter 的爬坑過程（Windows10）

    摘要：最近入坑在此過程遇到一些一般教程沒有注意的問題，由此記錄一下。教程看的是技術(shù)胖的免費(fèi)視頻技術(shù)胖教程。但對(duì)我這種半路出家的前端來(lái)說，打過幾次也沒成功，又不能不學(xué)，只能在網(wǎng)上找解決方法。 最近入坑Fultter,在此過程遇到一些一般教程沒有注意的問題，由此記錄一下。教程看的是技術(shù)胖的免費(fèi)視頻 技術(shù)胖Fultter教程。一般情況下按照此教程是可以慢慢把開發(fā)環(huán)境搭好的，但其中遇到如下問題：1....

    IamDLY 評(píng)論0 收藏0

  • 獻(xiàn)給一下午對(duì)于百度統(tǒng)計(jì)事件轉(zhuǎn)化的爬坑

    摘要：準(zhǔn)備需要一個(gè)百度統(tǒng)計(jì)賬號(hào)站長(zhǎng)版，如果沒有，根據(jù)提示注冊(cè)一個(gè)即可代碼獲取選擇想要分析的網(wǎng)站，然后將代碼粘貼到中，按照上面步驟來(lái)即可怎么讓事件轉(zhuǎn)化出現(xiàn)第三個(gè)方式使用功能一開始在管理基本轉(zhuǎn)化設(shè)置事件轉(zhuǎn)化添加事件轉(zhuǎn)化中是不會(huì)選項(xiàng)的。 1.準(zhǔn)備 需要一個(gè)百度統(tǒng)計(jì)賬號(hào)--站長(zhǎng)版，如果沒有，根據(jù)提示注冊(cè)一個(gè)即可 2.代碼獲取 選擇想要分析的網(wǎng)站，然后將代碼粘貼到中，按照上面步驟來(lái)即可showImg...

    superPershing 評(píng)論0 收藏0

  • 前端爬坑日記之vue內(nèi)嵌iframe并跨域通信

    摘要：由于該項(xiàng)目是基于原本的安卓，做的微信，所以原來(lái)的使用的頁(yè)面現(xiàn)在需要在中實(shí)現(xiàn)，那就是使用查看了很多很多文檔，其中這一篇是很有價(jià)值的下面將天的爬坑最終以問答的方式總結(jié)如下組件中如何引入如何獲取對(duì)象以及內(nèi)的對(duì)象如何向內(nèi)傳送信息內(nèi)如何向外部發(fā)送信息 由于該項(xiàng)目是基于原本的安卓app，做的微信h5，所以原來(lái)的使用webview的頁(yè)面現(xiàn)在需要在vue中實(shí)現(xiàn)，那就是使用iframe查看了很多很多文檔...

    dreambei 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<