老司机带你深入webpack原理与实战

老司机带你深入webpack原理与实战

百度网盘下载

webpack是一个js打包工具，不一个完整的前端构建工具。它的流行得益于模块化和单页应用的流行。webpack提供扩展机制，在庞大的社区支持下各种场景基本它都可找到解决方案。本文的目的是教会你用webpack解决实战中常见的问题。

webpack原理

在深入实战前先要知道webpack的运行原理。

webpack核心概念

• entry一个可执行模块或库的入口文件。

• chunk多个文件组成的一个代码块，例如把一个可执行模块和它所有依赖的模块组合和一个chunk这体现了webpack的打包机制。

• loader文件转换器，例如把es6转换为es5，scss转换为css。

• plugin插件，用于扩展webpack的功能，在webpack构建生命周期的节点上加入扩展hook为webpack加入功能。