前端工程化

首先请大家不要喷笔者在这个年代还在写关于如何编写 eslint 插件的文章，因为当你们知道我写的这个 eslint 插件还是跟 vue2 项目相关的时候，你发现你们喷早了。其实关于 eslint 的文

得益于 babel 强大的转译能力我们无需再担心项目的兼容性问题。但是 babel 不只是一款帮助我们处理代码兼容性的工具，我们还可以借助它的插件化能力完成日常工作中一些重复、繁琐的工作。本文将笔者从

网上关于babel兼容性实现方案的剖析有很多，但大部分剖析案例已经不适用于现在的babel生态。作者在最新babel7的基础上，不断编译验证，发现跟网上大部分剖析文案还是有很大不同。所以，输出本文的目

写这篇文章的契机呢，是因为笔者即将要做一个超级超级超级大项目，前期希望把前端基建的一些东西给搭建好，所以想着做一个脚手架工具，将基建的东西集成到模板中去，达到一个规范和提效的目的

npm在前端开发流程中提供了非常完善的自动化工具链，已成为每个前端开发者必备的工具，但是同样由于其强大性导致很多前端开发者只会简单的使用它。本文将总结在日常开发中所需要的npm知识点，以便开发者们更好的将npm运用在实际开发中。 1. npm 处理 node_modules 目…

...... 是的，就是有这么多的环境等着你去访问它们。那么跑前端代码的时候如何才能与各个环境进行联调呢？最简单直接的办法就是修改proxy选项中的target，然后再重新执行开发脚本。这个方法在项目小的情况你还能忍受，如果项目大的话，过长的编译时间将直接消磨掉你的工作激情。 …

其实axios已经提供了很多很强大的api，我们在实际使用中直接调用就可以，但是每个团队每个项目调用axios的姿势不一样，特别是在一个大型的团队项目中，与后端交互逻辑迥异、配置复杂、地址繁多，所以一个风格统一化、配置灵活化、管理集中化的请求方案必不可少。 首先在项目中创建一个…

本文的目的是为了给想要快速搭建一套业内流行的angular团队代码提交规范（不是angular团队编写代码的规范）的小伙伴们提供一个简单清晰直白的教程。文章的内容不会深究每个环节的细节，但是会用通俗的话语让需要的小伙伴们了解每个环节的含义和作用，从而能做到从0到1的搭建起代码提…

网上有一大堆关于格式化vue代码的方法，但基本都配合使用了prettier格式化插件，相信捣鼓过的同学肯定会跟我一样都有一种感受：杂乱！prettier插件在使用的时候需要与eslint配合使用...