前言 👮🏻面试官：“你好，看你简历，你说你会AST，请介绍一下你对AST的理解” 👦🏻我：“你好！AST代表抽象语法树，它是源代码的结构化表示。在前端开发中，AST可以用于代码解析、分析和转换。” 👮

插件是webpack的重要组成部分，为用户提供了一种强大方式来直接触及webpack的编译过程(compilationprocess)。插件能够钩入(hook)到在每个编译(compilation)中

带你深度解锁Webpack系列(基础篇) 和 带你深度解锁Webpack系列(进阶篇)，主要是讲解了 Webpack 的配置，但是随着项目越来越大，构建速度可能会越来越慢，构建出来的js的体积也越来越大，此时就需要对 Webpack 的配置进行优化。 本文罗列出了十多种优化方式…

由于去年的烧烤摊营收达预期，烧烤哥给自己买了台新电脑。但新电脑上啥都没有，导致晚上收摊后回去无法加班，很是苦恼。 为了不影响烧烤摊今年的业绩，烧烤哥还是在自己的游戏本（玩游戏的本子）上搭起了一个前端开发环境。 我们先来捋一捋，烧烤哥的业务涉及到web开发、taro小程序。所以只…

相信很多前端同学或多或少都听说过 docker，但是却对它有着深深地误解，以为 docker 技术跟我们前端并没什么关系。 其实并不是这样，我们前端也能使用 docker 技术来帮我们提升效率。（毕竟有人说，前端无所不能啊~） docker 是一个容器化的平台。它是最近几年流行…

本篇主要是分析了 webpack5 的打包后代码，文件进过 webpack 打包后会增加很多东西那这些东西就是我们现在要做的，顺便分析了以下 import() 这种按需加载它做出了那些工作是怎么个按需

为了看到Webpack是怎么把模块进行加载和打包，这里创建了两个文件，分别是a.js和index.js，index.js调用了a.js的funcA。 以下webpack打包出来的文件（我做了一些删减和eval的转换）。 接下来我们一步一步看看模块是怎么加载的。 我们看到整个立即…

webpack是一个打包工具，他的宗旨是一切静态资源皆可打包。有人就会问为什么要webpack？webpack是现代前端技术的基石，常规的开发方式，比如jquery,html,css静态网页开发已经落后了。现在是MVVM的时代，数据驱动界面。webpack它做的事情是，分析你的…

前端开发中使用到 npm 包那可算是家常便饭，而使用到 npm 包总免不了接触到 package.json 包配置文件。 老司机们很快地给出答案：main 字段中指定的文件。 浏览器/服务端都可以使用。 如果我们需要开发一个 npm 包同时兼容支持 web端 和 server …