一、Vite是什么？ 首先，讲下Vite名字的由来，Vite实际上是法语中快的意思，所以顾名思义，这个工具就是为了给我们带来更快的开发体验，它是一个面向现代浏览器，基于ECMA标准的ES Module

序言 如果打开一个文件，看到的全是满屏幕的 import 语句，这将是一种怎样的体验？ 密密麻麻的import语句不仅仅是一种视觉上的冲击，更是对代码组织结构的一种考验。 我们是如何做到让import

webpack的性能优化较多，我们可以对其进行分类： 优化一：打包后的结果，上线时的性能优化。（比如分包处理、减小包体积、CDN服务器等） 优化二：优化打包速度，开发或者构建时优化打包速度。（比如ex

在上一篇文章 如何快速成为一名熟练的 Webpack 配置工程师 - 上篇 中 ，小编完成了对 entry、resolve、module、optimization、output 这 5 个配置项的梳理

相信不少小伙伴都有听说过这样一个名词 - Webpack 配置工程师。😂，都需要设置专门的岗位去维护了，可见 Webpack 的配置是有多么复杂。 现实也确实如此。发展到现在 5.x 版本， Webp

webpack的指纹策略是实现前端增量更新的方案之一。通过给文件加上hash后缀，从而最大程度上使用缓存 根据描述，我们已经可以大概区分用法，chunkHash可以用于js打包，contentHash可以用到css文件打包。我们实践一下。 可以发现，两个文件的hash值都改变。…