前言 每次用vite创建项目秒建好，前几天用vue-cli创建了一个项目，足足等了我一分钟，那为什么用 vite 比 webpack 要快呢，这篇文章带你梳理清楚它们的原理及不同之处！文章有一点长，看

本文是我的前端面试系列的工具篇，汇总整理了webpack和Git的常见面试题，后续的复习过程中随时会对本文查漏补缺。如有不当之处，欢迎指正，感谢。

作为一名开发人员，阅读源码是非常好的学习方式，尤其Vue又是当下很受欢迎的前端框架，随着用的人越来越多，不断推动着源码地完善。在源码中有着各位大佬多年积淀下来的精华，而这些精华就非常值得我们学习。

面试过程中面试官问到前端性能优化有哪些，当我咔咔一顿输出之后面试官追问：前端可以做的性能优化有哪些呢？ 前端优化大概可以有以下几个方向： 网络优化 页面渲染优化 JS优化 图片优化 webpack打包

前言 webpack 在前端工程领域起到了中流砥柱的作用，理解它的内部实现机制会对你的工程建设提供很大的帮助（不论是定制功能还是优化打包）。 下面我们基于 webpack5 源码结构，对整个打包流程进

打包体积优化！！！优化一半！！首次加载速度优化！！优化一半！！要让我们的项目fast fast fast！！

ES6和CommonJS都有自己的一套处理模块化代码的措施，即JS文件之间的相互引用。 nodejs默认是不支持ES6的模块处理方案的。 但是在8.5.0之后，ES6代码的文件格式定为mjs后，可使用node --experimental-modules xxx.mjs运行。 …

5号凌晨，尤雨溪公布了 Vue 3 源代码。 话不多说，我们趁热对 Vue 3 源码进行一些简要的分析。 如果你还没有阅读过 Composition API RFC，可能无法完全看懂下面的内容。 目前打包后的代码是 ES2015+，不支持 IE 11。 目前的代码 98% 以上…

又到了金九银十季，最近我也是奔波于各种面试。我自己总结整理了很多方向的前端面试题。把这些题目总结分享给大家，也祝正在面试的朋友们能够拿到满意的offer。