首先自爆下背景：2017年本科毕业，毕业3年期间一直稳定在同一家公司，只在18年的时候面过一次拼多多（收了口头offer没接）。所以其实这次出来面试，并没有什么面试经验，整个4月的面试安排也比较乱，后面会谈谈目前总结下来比较合理的面试节奏安排。 4月份之前，已经有一个还比较满意…

一种是页面刷新，不保留页面状态，就是简单粗暴，直接window.location.reload()。 另一种是基于WDS (Webpack-dev-server)的模块热替换，只需要局部刷新页面上发生变化的模块，同时可以保留当前的页面状态，比如复选框的选中状态、输入框的输入等。…

本篇将从优化开发体验、加快编译速度、减小打包体积、加快加载速度 4 个角度出发，介绍如何对 webpack 项目进行优化。

一. 什么是Tree-shaking 上图形象的解释了Tree-shaking 的本意，本文所说的前端中的tree-shaking可以理解为通过工具"摇"我们的JS文件，将其中用不到的代码"摇"掉，是一个性能优化的范畴。具体来说，在 webpack 项目中，有一个入口文件，相当…