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

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

1.前端常见工具之间的定位与联系，如webpack、rollup、vite、vue-cli等。 2.从运行原理、构建方式、HMR热更新机制、使用成本等方面逐一去分析，vite与webpack之间的差异

去年vue3发布弯屁斯版的时候，伴生打包工具vite的说明吸引了我。实际跑了一下，项目构建速度和webpack没有差太多，但是开发热更新速度真的是快的飞起！ 主流的浏览器（IE11除外）均已经支持，其最大的特点是在浏览器端使用export import的方式导入和导出模块，在 …

带你从原理上了解 webpack 和 vite 的区别。Vite 通过在一开始将应用中的模块区分为 依赖 和 源码 两类，改进了开发服务器启动时间

随着web页面上的JavaScript程序越来越复杂，浏览器开始原生支持模块功能。浏览器能够最优化加载模块，使它比使用库更有效率：使用库通常需要做额外的客户端处理。

现如今前端打包工具最火的无疑是vite！但是vite也不是凭空产生的，而是踩着前人肩膀发展起来的。所以在学习vite之前，有必要了解前端打包工具发展史。 前端打包工具发展史分为哪些阶段？ 每一次前端打

whistle 工具的安装与使用 whistle简介： whistle是基于Node实现的跨平台web调试代理工具，类似的工具有Windows平台上的Fiddler，主要用于查看、修改HTTP、HTT

每次入职或者购买新电脑的时候都会设置一下环境，以下是我的一些必备软件 工具 raycast   这是一款 macOS 上的效率工具，主体长这样，类似于原生自带的 Spotlight，但是它多了很多功能