又是一年金九银十，虽然市场一般，如何才能抓住来之不易的机会呢？自然是砥砺自身能力，完善知识体系。 挖下深坑擒虎豹，挂上长线钓金鳌。 本文基于笔者的个人面试经历 + 线上他人面经，筛选整理高频面试题

面试官灵魂三连问：你用过webpack么，它的原理是什么？ 你还知道些构建工具，各有什么优缺点？ 你在项目中有配置过么，在哪些场景配置过？

两年之期已到，参见龙王。最近面了下字节，面之前看了好多掘金大佬的优秀文章，面完来反馈一下，虽然我面的内容真的是太简单了，可能是个假的，参考意义不大。 我是18年毕业的，之前在一家出口电商公司。当年刚来的时候就打算两年后出来看看，虽然都说疫情大环境不好，我还是毅然决然的裸辞了。 …

之前一直讲的都是提升构建性能，那么如何提高生产环境下的访问性能呢？例如首页白屏，文件过大导致加载时间过长，文件太多细碎导致http通讯次数过多降低性能，http缓存失效导致资源重新拉取等问题如

代码压缩是在不改变代码功能的情况下，尽可能的减少代码体积的过程，在 `web` 场景下可以有效减少网络传输流量，降低网络时延，提升页面启动速度的一种应用优化方案。

之前讲的是构建性能，这里是细粒度更高的性能优化，主要是还是体现在构建速度提升上，之前主要是对标生产环境，这里主要是对标开发环境。

缓存是现在计算机领域最常见的优化手段，作为一个前端见的最多的就是浏览器缓存，那么webpack的缓存应该是什么样的呢？一起来看看吧。

在web日常开发过程中，图像是最常见的装饰器，在webpack中，图像也被提升为一等公民，够像引用普通 JavaScript 模块一样通过 `import/require` 语句导入资源模块，这种开发

使用webpack构建一个npm包需要哪些步骤？具体npm包是长得什么样的？为什么要使用webpack进行构建？需要使用什么配置构建？一起来看看吧。