問題場景
vue項目中使用element ui中的環(huán)行進度條，需求更改進度條未滿部分的背景顏色，保持項目風(fēng)格一致；
element ui官方文檔并沒有暴露方法進行修改未滿狀態(tài)的顏色，于是找到項目node_modules\element-ui\packages\progress\src下的progress.vue進行修改：
stroke為未滿狀態(tài)下的顏色，更改后重啟項目發(fā)現(xiàn)并沒有用。是因為項目引用的是源碼打包后生成的lib文件夾下的代碼。
解決問題
1、將github上element ui源碼下載下來
git clone https://github.com/ElemeFE/element.git
下載 完成是一個名為element ui的文件夾
2、將文件夾用vscode打開并下載依賴
npm install (注意：npm install有時報錯，換cnpm install)
下載依賴完成后文件夾下出現(xiàn)node_modules文件夾
3、修改
packages下progress.vue
4、修改完成后執(zhí)行
npm run dist
成功編譯后生成lib文件夾
5、把生成的
lib文件夾復(fù)制到項目路徑node_modules\element-ui替換掉lib文件夾，重啟項目
未滿的進度條顏色由白色變?yōu)樯钌?/h4>
我們可以把包發(fā)布到npm包管理器
1、進入cmd命令窗口，進入下載的elementui文件夾下，執(zhí)行npm init,進入重命名包名、版本號
2、登錄npm，執(zhí)行npm login,輸入用戶名、密碼和郵箱后若報錯
這里執(zhí)行npm config set registry https://registry.npmjs.org切換鏡像
重新輸入用戶名、密碼和郵箱后成功登錄
執(zhí)行 npm publish 推送發(fā)布
、
3、將項目中
package.json文件中devDependencies, “element-ui”: “^2.15.1”,改為如："element-ui-liu": "^2.15.9"
“你的包名”: “^你的版本號”文章來源：http://www.zghlxwxcb.cn/news/detail-404518.html
重啟項目
文章來源地址http://www.zghlxwxcb.cn/news/detail-404518.html
到了這里，關(guān)于修改element ui源碼無效的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
