webpack

1、核心概念

entery

入口起点(entry point)指示 webpack 应该使用哪个模块,来作为构建其内部依赖图的开始。

进入入口起点后,webpack 会找出有哪些模块和库是入口起点（直接和间接）依赖的。

每个依赖项随即被处理,最后输出到称之为 bundles 的文件中。

output

output 属性告诉 webpack 在哪里输出它所创建的 bundles,以及如何命名这些文件,默认值为 ./dist。

基本上,整个应用程序结构,都会被编译到你指定的输出路径的文件夹中。

module

模块,在 Webpack 里一切皆模块,一个模块对应着一个文件。

chunk

代码块,一个 Chunk 由多个模块组合而成,用于代码合并与分割。

loader

loader 可以将所有类型的文件转换为 webpack 能够处理的有效模块,然后你就可以利用 webpack 的打包能力,对它们进行处理。

plugin

插件的引入

2、构建流程
1）初始化参数

2）开始编译

3）确定入口

4）编译模块

5）输出资源

6）输出完成