webpack基础

1、用处

官网上是这么说的

本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。
当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，
其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。

我自己的理解是webpack是一个项目打包工具，它可以将我们项目中用到的多个文件进行处理之后打包，多个文件打包成一个，并且有启动一个本地开发服务的能力。

2、主要模块

告诉webpack应该从哪个文件去入手，webpack会根据这个文件去其他一些文件之间的依赖

控制webpack如何向硬盘写入文件。

提供 mode 配置选项，告知 webpack 使用相应模式的内置优化。

loader 用于对模块的源代码进行转换。loader 可以使你在 import 或"加载"模块时预处理文件。loader 可以将文件从不同的语言（如 TypeScript）转换为 JavaScript。简单来说就是对文件内容进行更改变成你预期想要的样子。

这些选项决定了如何处理项目中的不同类型的模块。

插件是 webpack 的支柱功能。webpack 自身也是构建于，你在 webpack 配置中用到的相同的插件系统之上！
插件目的在于解决 loader 无法实现的其他事。