element组件库,element组件库源码构建很慢

基于elementui封装的组件库如何打dist包

基于elementui封装的组件库打dist包步骤：

1、在git上找到elemen-ui的源码，并fork到自己的git里。附上git地址。

2、修改elemen-ui中的input组件，给area添加长度500的限制，maxlength。

3、修改完成了，让我们打包。（npm上不需要包名重复，包括不能和别人的包名重复，所以记得把包名都改了）。

4、打包，npmrundist。

5、成功后，开始上传npm。

Vue中修改组件库(如element ui)样式的可行方案

vue中我们经常会使用一些第三方的组件库，可以达到快速搭建项目界面布局的效果，无非就是用什么组件库的问题。

但是，不管我们使用element ui、vuetify或是别的什么组件库，修改样式是必不可少的一个工作。

针对公司自己的风格或是ui的设计，组件库默认的样式、配色等并不一定符合所有人的要求，那么修改组件库的样式就成了必不可少的一部分。

就拿 element ui 组件举例，这里描述几种经测试有效的解决方案：

好了，以上就是博主针对修改组件库样式总结的一些可行方案，希望对你有帮助。

如有问题，请指出，接受批评。

关于扩展Element组件库的一些思考

ElementUI是所有Vue组件库中比较优秀的一个，至今已经在 github 收获了44.3k个star，公司几乎所有的Vue项目都是使用ElementUI作为基础组件库，其丰富的组件足以应付大部分交互场景，但是碰到特殊的需求组件库内的组件没法满足应用场景我们该怎么办呢？这个时候就需要我们动手扩展当前的组件库来满足我们的应用场景。

试想这样一个场景，现在项目中要用到日期范围组件，要求开始日期和结束日期可以分别选择，并且能够对某些日期进行禁用，组件库里面并没有这样的组件，你会怎样实现这样的需求？

我们可以从父级组件拿到表单的状态，比如大小，是否禁用

我们可以这样使用

扩展组件开发，需要特别熟悉组件的用法，有些需要深入源码了解原理，根据原理制定开发方案，在探索的过程中，我们会遇到很多问题，这时可以去好好看看源码，或者去github issue列表寻找答案