前言 现如今前端构建打包工具层出不穷，有 Webpack、Vite、Rollup...，但无论是哪一个工具，还是从一个工具切换到一个新颖的工具，实际上最终都离不开 解析编译，模块分包，压缩优化三个阶段

前面我写了一个文章2024年细讲前端工程化（万字年终总结）冲冲冲,所以今天我们的话题依旧是前端工程化，都2025年了，相信前端的方向（不管ai不ai）肯定还是工程化三个字，工程化，工程化！！！

Webpack5 也太香了，Webpack4升级Webpack5后，配置更加精简了，同时感受到看文档的重要性

弄清楚这几个包，Babel就差不多理解80%了。文章已经梳理好平时项目中Babel经常用到的几个包，带你一步步看懂Babel官网文档，解答官网中容易蒙圈的地方

开启掘金成长之旅！这是我参与「掘金日新计划 · 2 月更文挑战」的第 4 天，点击查看活动详情 前言 青铜时代 最使前端头痛的问题，莫过于浏览器兼容性，无论是js，还是css都要考虑浏览器兼容性问题，

开发时我们会使用一些新的 api，但用户的浏览器各种版本都有，可能并不支持这些 api，但我们也不能因此就不用了，这时候就可以通过 polyfill 来解决。 polyfill 是垫片的意思，也就是在

按需加载低版本浏览器不支持的一些特性（polyfill），并结合社区已有的方案，提供一种折中的解决方案...

esbuild 是一个快速的捆绑工具，可以优化 JavaScript、TypeScript、JSX 和 CSS 代码。本文将帮助你快速了解 esbuild。

Vite 背景 什么是Vite？ 基本用法 实现原理 源码分析 优势与不足 与传统构建工具对比 兼容性 未来 背景 这里的背景介绍会从与Vite紧密相关的两个概念的发展史说起，一个是JavaScrip