如何升级一个element-ui组件

综述:目前项目需要实现基于element-UI的前端组件,希望进一步提高组件的可用性

1.以element-UI中的tabs标签组件为例进行分析,组件使用流程;

在node_module中的element-UI中的package存放了基于vue语法实现的一个个组件,在实际使用的时候将这些.vue组件全部进行编译,产生了lib文件,这里才是真正可以引用到项目中使用的组件。

为了修改element中的组件必须进行下方的操作:

修改源码不能在项目中修改,不管是去element-ui下的packages下的组件中的main.js还是去输出的lib包里面修改都是无效的。

这个时候就要去创建一个新的文件夹,在文件夹下面运行命令窗口,输入以下代码

git clone https://github.com/ElemeFE/element.git
cd element
npm install

然后再修改packages 里面的源码,在进行打包运行

npm run dist

然后把打包后的lib包文件去替换Element下的lib文件 即可进行使用;

 

 

 

 

 


 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值