在现如今，热更新早已成为前端基建中不可或缺的一环，它可以在不刷新整个页面的情况下更新页面中的部分内容，从而提高开发效率，优化开发体验。然而，在实际面试的过程中，笔者发现 80% 的人并不清楚这其中的设

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

在这里「增量」这个概念的对立面是「全量」。在 Linux 系统中当需要备份数据或者跨服务器同步文件时，会用到一个叫 rsync 的工具，它的速度会比 scp/cp 命令更快，因为它会先判断已经存在的数据和新数据的差异，只传输不同的部分，即「增量」同步。 在前端开发工程化领域，本…

基于vue的多入口项目，如果在入口不断增多的情况下，利用增量构建的思路，极大的提升webpack构建的效率

1. 代码混淆 2. 资源放到 cdn 3. 无用库删除 4. gzip 压缩 5. 第三方库放到 cdn

我们的治理方向，就是围绕前向治理和后向治理。 数据先行，通过speed-measure-webpack-plugin采集性能指标，可以得到webpack在整个编译过程中在loader、plugin上花费的时间，基于该数据可以专项的进行优化和治理。 如果通过SMP分析得知在loa…

主要介绍代码分割(Code Splitting)，使用SplitChunksPlugin插件，将第三方库或者公共基础组件进行单独打包，合理利用缓存，进行按需或者并行加载，提高首屏加载速度

在Vue项目中，引入的所有js、css文件，编译时都会被打包进vendor.js，浏览器在加载该文件之后才能开始显示首屏。若是引入的库众多，那么vendor.js文件体积将会相当的大。对其进行打包优化

> 一般是使用的npm插件提供的dist打包内容的ES版本，不符合当前项目的ES版本设置，导致ES-Check检查出现报错 > 在webpack的配置中增加 **transpiledependenci