文章深入浅出地介绍了 AST（抽象语法树）的概念和应用。通过实现一个简易版的 ESLint 工具，展示了如何使用 Babel 工具链解析、遍历和修改 JavaScript 代码。

create-react-app是大家常用的用来创建react项目的脚手架，它的设计理念和实现思路值的我们学习。我研究了一下create-react-app源码，并把它的核心功能模块梳理出来。下面是这

所有人都知道 Webpack 很复杂，但 Webpack 的源码却很优雅，是一个典型的可插拔架构，不仅逻辑清晰，而且灵活好扩展。近几年出来的一些构建工具，大多也都参考了 Webpack 的这种架构方式

无论您是想成为高级前端工程师，还是一名合格的 Leader，都离不开对前端技术与业务的基础建设沉淀； 我相信您看完后的收获会远不止于此 ~

本文将从一道小学语文题出发，由浅入深的讲述AST的设计原理以及各种衍生应用，在这过程中会手写各种好玩的插件，弄懂ESLint和代码压缩等这类基建原理，最后通过最佳实践直接助你成为基建大师。

如果只是 Babel 可能真没有必要,问题是其背后的原理在我们开发中应用过于广泛了,包括不限于: eslint jshint stylelint css-in-js prettier jsx vue-template uglify-js postcss less 等等等等,从模…

webpack 打包优化并没有什么固定的模式，一般我们常见的优化就是拆包、分块、压缩等，并不是对每一个项目都适用，针对于特定项目，需要不断调试不断优化。 对于 webpack4，建议从零开始配置，在项目初期，使用 webpack4 默认的配置。 接下来，本篇文章会列出所有适用于…

在上一篇 浅谈前端自动化测试 - 介绍篇 里面我们提到了两类前端测试方法，本篇主要针对 e2e 测试法 来进行展开。 通常情况下，单元测试确实能够帮助我们发现大部分的问题，但是在复杂的前端交互或者可视化项目测试中，单纯的单元测试并不能满足真实测试需求，这时候 e2e 测试的优势…

01、步骤一注册，02、步骤二创建文件夹，03、步骤三初始化package.json文件，04、步骤四初始化package.json文件的过程，05、步骤五创建index.js文件，06、步骤六初始化