一. 什么是Tree-shaking 上图形象的解释了Tree-shaking 的本意，本文所说的前端中的tree-shaking可以理解为通过工具"摇"我们的JS文件，将其中用不到的代码"摇"掉，是一个性能优化的范畴。具体来说，在 webpack 项目中，有一个入口文件，相当…

一种是页面刷新，不保留页面状态，就是简单粗暴，直接window.location.reload()。 另一种是基于WDS (Webpack-dev-server)的模块热替换，只需要局部刷新页面上发生变化的模块，同时可以保留当前的页面状态，比如复选框的选中状态、输入框的输入等。…

团队开发中，我们经常会使用一些 ESLint 规则插件来约束代码开发，但偶尔也会有一些个性定制化的团队规范，而这些规范就需要通过一些自定义的 ESLint 插件来实现。

Babel 是一个 source to source（源码到源码）的 JavaScript 编译器，本文介绍了 Babel 插件的相关知识，讲解了如何编写、测试、使用 Babel 插件。

Source Map很神奇，它的原理挺复杂的…

AST 抽象语法树是什么？ 抽象语法树（Abstract Syntax Tree，AST）是源代码语法结构的一种抽象表示

打开前端项目中的 package.json，会发现众多工具已经占据了我们开发日常的各个角落，它们的存在于我们的开发而言是不可或缺的。有没有想过这些工具的功能是如何实现的呢？没错，抽象语法树 (Abst