那时，天下人的口音，言语，都是一样。 他们彼此商量说，来吧，我们要作砖，把砖烧透了。他们就拿砖当石头，又拿石漆当灰泥。 耶和华降临，要看看世人所建造的城和塔。 耶和华说，看哪，他们成为一样的人民，都是一样的言语，如今既作起这事来，以后他们所要作的事就没有不成就的了。 我们下去，…

Babel为当前最流行的代码JavaScript编译器了，其使用的JavaScript解析器为babel-parser，最初是从Acorn 项目fork出来的。Acorn 非常快，易于使用，并且针对非标准特性(以及那些未来的标准特性) 设计了一个基于插件的架构。本文主要介绍es…

抽象语法树 (Abstract Syntax Tree)，简称 AST，它是源代码语法结构的一种抽象表示。它以树状的形式表现编程语言的语法结构，树上的每个节点都表示源代码中的一种结构。 并且如果你想了解 js 编译执行的原理，那么你就得了解 AST。 js 执行的第一步是读取 …

现代前端构建在 AST 之上，无论是 ESlint、Babel、Webpack，还是 css 处理器、代码压缩，都是站立在 AST 肩膀上。在深入学习 Babel 之前，先了解一些关于 AST 的知识

如题，在研究 Webpack 时，这个问题也曾经困扰了我很久。 到目前为止，在我看来，这些术语可以这样理解： module：不同文件类型的模块。Webpack 就是用来对模块进行打包的工具，这些模块各

(1) bundle 是 webpack 打包出来的文件， (2) chunk 是 webpack 在进行模块的依赖分析的时候，代码分割出来的代码块。module 是开发中 的单个模块 Bundle：

大家好，我是神三元，今天通过一道面试题来和大家聊一聊webpack。 我相信，尽管很多开发者会根据官方文档进行webpack的相关配置，但仍然并不了解Webpack究竟是起什么作用的，在前端工程化扮演者什么角色，观念仍然简单地停留在“代码打包工具”上。真的是这样吗？ 相信这个定…

前言 Vue项目开发一直使用的脚手架，对Webpack这个黑匣子知之甚少，碰到问题总是一头雾水，所以趁着Webpack5.0发布不久，较完整地学习了一遍。本篇文章总结一下学习成果。整体大纲如下： 认识

在前端工程化日趋复杂的今天，模块打包工具在我们的开发中起到了越来越重要的作用，其中webpack就是最热门的打包工具之一。 说到webpack，可能很多小伙伴会觉得既熟悉又陌生，熟悉是因为几乎在每一个项目中我们都会用上它，又因为webpack复杂的配置和五花八门的功能感到陌生。…