综述:目前项目需要实现基于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文件 即可进行使用;