前面一篇文章介绍了如何做 Vite 的插件开发 # 20分钟掌握 Vite 插件开发，这篇文章介绍清晰 Vite 的构建原理，为什么比 Webpack 构建速度快这么多。

简介 在看webpack-dev-server源码之前，我们要先弄明白webpack-dev-server是个什么，它能做哪些事情。 我们知道用webpack可以打包我们的项目文件，然后部署上线，但是

启动一个express 启动express方式一： 启动express方式二： 我们来看看express的listen()方法的实现源码 从express的listen()源码看，启动express的

之前都在了解webpack的build流程. 现在来从webpack-dev-server中了解dev的原理.

常见的plugin、loader，插件loader的区别，webpack的构建流程，性能优化，hash生成，热更新原理，tree-shaking原理……

引言 webpack中文官网：https://webpack.docschina.org/concepts/ webpack是一个javascript常用的静态模块打包工具，通过配置webpack，可

背景 其实我们现实中会出现很多定制化的需求，并不能完全直接使用组件库的组件完成，多或少都会对上面的组件进行修改或者二次封装；这些定制化的需求，可能会应用到现实中的所有相同类型的项目当中，把这部分公共的

面试官：“你自己开发过 Vite 的插件吗？”，给我20分钟，保姆级教程带你手摸手，又快又稳的get它的原理。

rollup打包产物解析及原理（对比webpack） 上篇： webpack打包产物解析及原理（含cjs/esm/代码分离/懒加载） rollup定位 rollup比webpack晚出2年，对比web