前言 又回到了经典的一句话：“先知其然，而后使其然”。相信很多同学都知道了 esbuild，其以飞快的构建速度闻名于众。并且，esbuild 作者 Evan Wallace 也在官网的 FAQ专门介绍

前言 esbuild 是新一代的 JavaScript 打包工具。 他的作者是 Figma 的 CTO - Evan Wallace。 esbuild以速度快而著称，耗时只有 webpack 的 2%

Vite(读音类似于[weɪt]，法语，快的意思) 是一个由原生 ES Module 驱动的 Web 开发构建工具。在开发环境下基于浏览器原生 ES imports 开发，在生产环境下基于 Rollup 打包。 为了实现上述特点，Vite 要求项目完全由 ES Module 模…

当我们的浏览器不支持ES Module的时候，我们会通过使用Webpack、Rollup、Parcel等工具来提取，处理、连接我们的源代码，但是当我们的项目变得越来越复杂，模块数量越来越多的时候，我们启动一个Dev Server所需要的时间也会变得越来越长，当我们在编辑代码，保…

Webpack5 在 2020 年 10 月 10 日正式发布，并且在过去的几个月中快速演进和迭代，截止 1 月 28 日，Webpack5 已经更新了 18 个 minor 版本，带来了许多十分吸引人的新特性。据官网介绍，Webpack5 整体的方向性变化有以下几点： 最后的…

代码校验：在代码被提交到仓库前需要校验代码是否符合规范，以及单元测试是否通过。 代码转换：TypeScript 编译成 JavaScript、SCSS 编译成 CSS 等。 模块合并：在采用模块化的项目里会有很多个模块和文件，需要构建功能把模块分类合并成一个文件。 代码分割：提…

本文已收录在Github github.com/Geekhyt，欢迎Star。 从头发的浓密程度和干练的走路姿势我察觉到，面前坐着的这位面试官也是一把好手。我像以往一样，准备花3分钟的时间进行自我介绍。在此期间，我的目光被16寸的MacBook Pro所吸引，这次的自我介绍我做…

webpack在前端化过程中十分重要，所以花了一段时间学习webpack，以及webpack4新特性，本文是按照从易到难的过程，梳理部分webpack概念，常见的loader，plugins，webpack4新特新，还有部分高级概念。 Output: 如何命名输出文件，以及输出…

需要读到入口文件里面的内容。 分析入口文件，递归的去读取模块所依赖的文件内容，生成AST语法树。 我们创建了add.js文件和minus.js文件,然后 在index.js中引入，再将index.js文件引入index.html。 现在我们打开index.html。你猜会发生什…