一. 引言 自webpack5发布以来，推出了很多全新的特性，其中最主要的就如下三点： ① 可持续性缓存--通过cache配置可实现首次构建后一直保存缓存。 ② 真正意义上的tree-shaking-

项目中一直用的都是webpack，前一段需要开发几个类库供其他平台使用,本来打算继续用webpack的，但感觉webpack用来开发js库，不仅繁琐而且打包后的文件体积也比较大。正好之前看vue源码，知道vue也是通过rollup打包的。这次又是开发类库的，于是就快速上手了ro…

Vite 的诞生并不是一帆风顺的，它与其他构建工具，如 esbuild 和 Rollup，有着复杂而微妙的关系。

在上一篇 为什么有人说 vite 快，有人却说 vite 慢？ 中，我们提到过开发模式下使用 Vite 会有首屏性能下降的负面效果。之所以会造成首屏性能下降，一方面是 dev server 需要完成预

[译]Uglify vs. Babel-minify vs. Terser: 一场代码压缩的战役 缩小（也是最小化）是从 解释的编程语言 或 标记语言 的源代码中删除所有不必要的字符而不改变其功能的过程。这些不必要的字符通常包括 让我们试着通过一个例子来理解这一点。下面的代码显…

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

首先, ESBuild & swc是什么? ESBuild是基于Go语言开发的JavaScript Bundler, 由Figma前CTO Evan Wallace开发, 并且也被Vite用于开发环境

说白了vite就是为开发者量身定做的一套先进的开发工具，按需编译、热模块替换等特性使我们开发时免除了重新打包的等待时间，开发体验丝滑，默认还整合了vue3，是居家旅行、杀人灭口之必备良药。目前vite已经是正式版，相关的生态正在迅速繁荣起来，我也第一时间在工程化方面做了一些探索…

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