1. 项目较早 + 代码量大 + 插件类库版本低 + 各个节点优化空间逐渐变小 　　　　2. 为接下来Pro工程瘦身做准备； 　　*造成的困扰：* 　　　　PS：在以上问题的基础上，webpac

随着对前端功能和性能的不断提高，前端早就不是一段内嵌于页面的一段JS代码了。已经进化为一个系统复杂的工程了。 下面我就结合element3组件库的搭建经验。带大家搭建一个mini版组件库。 前端工程化大体可以分为四个方面内容。 一个文件分拆为多个互相依赖的文件，最后进行统一打包…

作者在之前的文章里介绍了开源组件库从0到1的开发过程，虽然让大伙对组件库开发有了一些了解，但是受篇幅和作者文笔所限，介绍的十分笼统。这次介绍一下组件库Cli的开发，希望对你有帮助

背景 自我介绍下，四年工作经验，头两年全栈开发，后两年专职做前端，目前已达到高级前端工程师水平，经历过三家公司。第一家公司，电商行业，做阿里 ISV 供应商，为淘宝卖家服务，也是我第一次接触百万 UV

团队中的所有开发人员用一套代码规范规则，并且无需我们花太大的精力去为了格式而格式。希望有一套自动化工具，帮我们检测代码是否规范，如果不规范，则自动能够帮我们按照既定规范格式化。 通过对 eslint 和 prettier 的大致了解，其实可以发现，prettier 是用于格式化…

这是一本关于前端工程化的小书（4W 字左右 ）。项目地址： 前端工程化，其实是软件工程在前端方面的应用。什么是软件工程？来看一下百度百科的定义： 换句话说，工程化的目的就是为了提升团队的开发效率。例如大家所熟悉的构建打包、性能优化、自动化部署等知识，都属于工程化的内容。 我写这…

这篇：前端监控平台系列：JS SDK（已开源）文章已经讲的很清楚怎么劫持原生的函数，并拿到我们想要的信息，如果页面正常运行时则记录用户行为栈，如果页面报错时则上报该错误并将用户行为栈一并上报，这样有助于开发者更快的定位线上问题。 获取用户行为，比如click事件，在web端是可…

协同开发过程中，不同的编码习惯写出的代码，差异很大。日常维护代码或者修复bug的时候时候，看各种风格的代码，影响效率不说，还有可能改出低级问题。目前我们的项目还没有代码规范，我决定要做点改变，于是考虑使用 ESlint 来做代码规范检查。 考察了ESlint的官方网站和一些技术…

全方位的介绍如何使用JEST测试一个VUE组件。 测试组件，其实就是测试组件的方法以及方法所依赖的模块。 测试组件方法很简单：调用组件方法并断言方法能用正确地影响了组件的输出即可。 代码一目了然，当调用start方法时，应该展示进度条；当调用finally方法时，应该屏蔽进度条…