elementUI源码修改的爬坑之旅

今天由于项目需要，想在Tree组件的前面增加一个icon图标，根据不同类型增加不同的图标，我修改了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。
有不对的地方，各位路过的大佬多多指教。

elementUI源码修改的爬坑之旅相关推荐

android打开volte代码,Android8.1 源码修改之插入SIM卡默认启用Volte功能
前言公用电话产品,插入SIM卡后要求自动打开Volte功能,即插即用,用完拔卡就走实现第一步开关对应的代码通过打印日志和全局查找,源码位置 vendor/mediatek/proprieta ...
Deep Compression阅读理解及Caffe源码修改
Deep Compression阅读理解及Caffe源码修改作者:may0324 更新: 没想到这篇文章写出后有这么多人关注和索要源码,有点受宠若惊.说来惭愧,这个工作当时做的很粗糙,源码修改的比 ...
Spring5.x源码分析 | 从踩坑到放弃之环境搭建
Spring5.x源码分析--从踩坑到放弃之环境搭建前言自从Spring发行4.x后,很久没去好好看过Spring源码了,加上最近半年工作都是偏管理和参与设计为主,在技术细节上或多或少有点疏忽,最 ...
基于elementui源码实现自定义穿梭框transfer组件
需求:更改elementui中el-transfer样式, 实现单击左侧选项即加入右边选框,单击右侧选项即可回到左侧选框,中间左右来回按钮更改为左侧全选右侧全选,最终修改后效果图如下下图源码可通过g ...
Android6.0 源码修改之仿IOS添加全屏可拖拽浮窗返回按钮...
Android6.0 源码修改之仿IOS添加全屏可拖拽浮窗返回按钮前言之前写过屏蔽系统导航栏功能的文章,具体可看Android6.0 源码修改之屏蔽导航栏虚拟按键(Home和RecentAPP) ...
写一个PE的壳_Part 5：PE格式修复+lief源码修改
系列汇总写一个PE的壳_Part 1:加载PE文件到内存写一个PE的壳_Part 2:ASLR+修复输入表(IAT)+重定位表支持(.reloc) 写一个PE的壳_Part 3:Section里实 ...
adb 工具源码修改
adb 工具源码修改 1.修改客户端输入后的判断逻辑,使带密码的命令可以通过命令检查修改 system/core/adb/client/commandline.cpp 在最前面新增一个函数用来 ...
grbl控制3轴机械臂原理实现（四）之GRBL源码修改驱动三轴机械臂
往期回顾: 第一篇:grbl控制3轴机械臂原理实现 (一) 之2D机械臂模拟及实现第二篇:grbl控制3轴机械臂原理实现 (二) 之3D机械臂模拟及实现第三篇:grbl控制3轴机械臂原理 ...
file-uploader-cli 关于上传至京东云中文件夹问题的源码修改
file-uploader-cli源码修改注:可以直接跳到最下面看需要修改的部分最近由于Gitee的开源审查,导致其无法再作为图床使用.在对比了多家OSS服务后,决定使用京东云作为新图床,并使用f ...

elementUI源码修改的爬坑之旅

elementUI源码修改的爬坑之旅相关推荐

最新文章

热门文章