如何升级一个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文件 即可进行使用;

 

 

 

 

 


 

你可能感兴趣的:(前端框架)