本文通过精美的图文，深入分析 Webpack Loader 的运行机制，带你吃透 Webpack loader 的 11 个核心问题。

几个月前，我的任务是将我们组的 Vue.js 项目构建配置升级到 Webpack 4。我们的主要目标之一是利用 tree-shaking 的优势，即 Webpack 去掉了实际上并没有使用的代码来减少包的大小。现在，tree-shaking 的好处将根据你的代码库而有所不同。由…

0. 为什么选择webpack webpack(web应用打包)：平时我们在生活中也会经常遇到打包某些东西，比如我们会把衣服都整理叠好，然后放到一个箱子里面。webpack所干的事情也类似于这样的一个过程，将多个js文件、css文件、资源(图片等)等打包成少量的文件，一般是一个…

1. 什么是webpack webpack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其他的一些浏览器不能直接运行的扩展语言(Scss、TypeScript等)，并将其打包为合适的格式以供浏览器使用。 2. 可以做的事情 3. 掌握的知识