Webpack 入口与出口

本章讲解Webpack资源入口和出口。

我们还是以Webpack官网的构建示意图来讲解。

图片里箭头开始的.js文件就是Webpack构建的资源入口，然后根据这个.js文件依赖的文件，把相关联的文件模块打包到一个.js文件，本质上来说，这个打包后得到的.js文件就是Webpack打包构建的资源出口。

当然，这个.js文件通常不是我们最终希望打包出来的资源，我们希望可以拆分成JS、CSS和图片等资源。

Webpack当然提供了这样的方法。在构建的时候，我们可以通过Webpack的预处理器loader和插件plugin等进行干预，把一个.js文件变成JS、CSS和图片等资源。

我们可以把Webpack的打包流程看作计算机厂家组装电脑。

组装电脑需要从选定CPU开始，找出配套的主板、内存条和硬盘等等。

这些电脑配件就是Webpack的文件模块。CPU是资源入口文件，计算机厂家需要根据CPU型号来选定配套的主板和内存等，配套的主板和内存就是打包过程中依赖的模块。

主板、内存和CPU等最终组装好的电脑，就是打包好的资源bundle文件，电脑送往的物流仓库就是资源出口路径。

上一章我们我们了解了Webpack最简单的打包过程，本章通过资源入口和出口的学习，相信大家会对Webpack的打包有更好的理解。