一个系统拥有大量的业务场景和业务代码，相似的页面和代码层出不穷，如何管理和抽象这些相似的代码和模块，这肯定是诸多团队都会遇到的问题。 不断的拷代码？还是抽象成 UI 组件或业务组件？显然后者更高效。 那么现在就面临一个选择：一是选择 React 生态中已有的组件库，例如 ant…

手上有些项目用的element-ui，刚好有空琢磨一下怎么减小打包文件大小和打包速度方面，为了演示实验，用 vue-cli 生成初始项目，在这仅对 element-ui 主题和组件方面来优化。 完整地将 ui 和样式引入。 在页面简单使用 2 个组件，看看效果。 再看一下打包后…

聊聊基于webpack脚手架开发一个Vue移动端UI组件库的经验与思考

本文主要记录开发过程中遇到的一些配置问题，以及如何解决的。可能不是最好的解决方案，但总归还是解决了吧，如果有人遇到相同问题的可以参考一下。 我使用的是 create-react-app 来生成项目，后面觉得非常不合适，因为打包库和打包应用的配置是有很多差别的，并且生成的配置很多…

以上配置就都只是一些常用的 loader ，和使用了一个 webpack 的优化打包的插件 new webpack.optimize.ModuleConcatenationPlugin() ，一下是官方解释的这个插件用途。 因为装有 babel-loader ，得创建一个 .b…

前段时间公司在做公共组件的抽取，打算做一个公共的组件库，本来的想法是直接把封装好的各个公共组件直接引入到项目中就可以使用，后来发现直接引用会报错，大概意思是直接引入不能识别jsx语法之类的错误。 遂参考各个现成类库antd、elementUI等UI库的做法经过打包生成可供其他项…

组件开发过程中没什么技术难点，主要是样式处理。

目前团队内已经有较为成熟的 Vue 技术栈的 NutUI 组件库[1] 和 React 技术栈的 yep-react 组件库[2]。然而这些组件库大都从零开始搭建，包括 Webpack 的繁杂配置，Markdown 文件转 Vue 文件功能的开发，单元测试功能的开发、按需加载的…

最近针对日常业务需求使用react封装了一套[组件库], 大概记录下整个开发过程中的心得。由于篇幅原因，在这里只对开发过程中比较纠结的选型和打包等进行讨论，后续再对具体组件的封装进行讨论。