Vite到底是构建工具还是脚手架 #简历

Vite 到底是什么构建工具？脚手架？

面试官问了这样一个问题：Vite 到底是构建工具还是脚手架？若直接回答是构建工具或者是脚手架，会显得不高级。

首先要给面试官好好分析一下，比如 vue-cli，还有 umijs，这三者毫无疑问肯定是脚手架，它们里面用的构建工具是 webpack，这里面也是 webpack，同理也是 webpack。

再分析 Vite，其在生产环境下实际用的是 rollup，开发环境是用 esbuild，像 esbuild、rollup，还有 webpack，当然还有 gulp，这些是常见的构建工具。这样去分析其实可将 Vite 归类为是脚手架，因为脚手架本质上是什么？能够通过一行命令就将项目搭建好，类似于这样，所有配置文件都配置好，不用关心其他，只需关注 src 下的业务功能即可。构建工具有很多，如 webpack、rollup、ESbuild，还有 gulp 等，如果需要应选哪个？肯定是 webpack。把 Weipac 吃透，其实其他的构建工具都类似，类似于这张图当中给大家列出来的。

比如 webpack，肯定要学它的概念，如 chunk、bundler、哈希的区别，当然还有 load、plug，这是概念。再到它的原理，原理本质上其实就是分析各个文件的依赖关系，要确定这个文件包含了哪些子文件，子文件又包含了哪些子文件，将子文件之间公用的部分提取出来。

再到最基本的配置，再到扩展，和 Babel 结合，和 CSS 预处理器结合，和 postcss、eslint 结合。再到重中之重，就是优化性能优化的概念，包括如何优化 loader，如何和业务代码做手动分包、自动分包，包括 tree shaking、scope Hosting，包括如何做按需引入、做懒加载，当然还有包的大小分析等等。

所有这些东西，从概念到理论，到代码到实战，再到项目中如何综合实战都在我评论区的课里面。