Vite在去年就已经出来了，但我真正的去了解它却是在最近Vue Conf上李奎关于Vite: 下一代web工具的分享。其中他提到的几点吸引到了我。分享的开始，他简要说明了本次分享的关键点：

写在前面今天这道题目是在和小红书的一位面试官聊的时候：我：如果要你选择一道题目来考察面试者，你最有可能选择哪一道？面试官：那应该就是介绍一下tree shaking及其工作原理？我：为什么？面试官：是因为最近面了好多同学，大家都说熟悉webpack，在项目中如何去使用、如何去优化，也都或多或少会提到tree shaking，但...

前一段时间我把webpack源码大概读了一遍，webpack 到4.x版本后，其源码已经比较庞大，对各种开发场景进行了高度抽象，阅读成本也愈发昂贵。

本文以我自己的经验向大家分享如何通过一些分析工具、插件以及webpack新版本中的一些新特性来显著提升webpack的打包速度和改善包体积，学会分析打包的瓶颈以及问题所在。

webpack5 预计会在 2020 年年初发布，之前从 alpha 版本就有关注，本次重点更新在长期缓存，tree shakking 和 es6 打包这块。具体变更可以参考[链接]。

webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。现在框架对于webpack都进行了