element ui2原始碼修改小問題

2022-02-09 06:57:43 字數 1782 閱讀 6991

然而,遇到問題了。

一開始與之前部落格中描述的一樣,將github上的目錄弄下來,修改對應的元件,然後執行npm run dist,如下圖:

沒錯,竟然報錯了,報錯的檔案也很奇葩,是乙個我根本沒動過也沒見過的json檔案。

回頭看了乙個目錄,在ele1中是沒有這個檔案的:

雖然不知道這個檔案幹嘛用的,不過報了錯就進去看一眼:

乙個很普通的配置檔案,報錯的地點圈起來了,是乙個冒號。我一開始以為是中文冒號,後來發現不對,確實沒啥問題,但是就是報錯。

就算我注釋了browsers那一行,下面features的冒號也會報錯,這個冒號有毒!

然後我嘗試注釋掉裡面的**,然後執行npm run dist,依然不行,報錯。

不知道這是什麼鬼,於是開始研究這個指令本身,開啟package.json檔案,找到scripts中的dist,這個指令有點長:

"

dist

": "

npm run clean && npm run build:file && npm run lint && cooking build -c build/cooking.conf.js,build/cooking.common.js,build/cooking.component.js -p && npm run build:utils && npm run build:umd && npm run build:theme

",

一連串的呼叫指令,然後其中某個環節報了錯。

之前的報錯來的很快,所以看一下執行過程就明白了:

這裡代表npm run clean,執行成功。

npm run build:file也執行成功

這樣就明顯了,第三個指令npm run lint指令報錯了,將其單獨抽出來執行也驗證了我的想法。

然後看一眼這個指令

"

lint

": "

eslint src/**/* test/**/* packages/**/*. build/**/* --quiet

",

意思很明了,簡單來講就是對src、test、packages下所有的js、vue檔案,build下的所有檔案做語法檢查,用的就是eslint。

雖然不懂為什麼那個json檔案語法有問題(根本沒動過),但是明白了這個指令只是純粹的檢查,不會影響lib的生成,那就好辦了!

直接將該指令從dist中刪除,跳過檢測直接生成lib。

結果十分完美!至於這個報錯,可能是eslint的問題吧,怎麼看那個json檔案都沒什麼格式問題。

修改elementUI的原始碼

elementui版本 2.4.11 修改elementui的原始碼方式 git clone 或者git clone git github.com elemefe element.git 開發環境搭建 首先你需要 node.js 4 yarn 和 npm 3 注意 我們使用 yarn 進行依賴版本的...

vue中修改element ui原始碼

直接找到nodemodules下面的element ui修改內容不生效 第一步 轉殖 git clone 第二步 安裝依賴 npm install 第三步 修改你需要修改的元件原始碼 第四步 npm run dist 可能會遇到的報錯 0 warnings potentially fixable w...

elementUI原始碼修改的爬坑之旅

今天由於專案需要,想在tree元件的前面增加乙個icon圖示,根據不同型別增加不同的圖示,我修改了elementui的源 發布到npm上去成功使用,記錄下過程中所碰到的問題,首先看下最後的效果 下面簡單記錄下過程和過程中所遇到的問題以及問題的解決方案。首先把elementui的專案從git上轉殖下來...