这是我参与「第五届青训营 」伴学笔记创作活动的第 7 天
Webpack 是一个 JavaScript 模块打包器，它可以将你的项目中不同的资源，如 JavaScript、CSS、图像等打包为最终可以在浏览器中运行的代码。
什么是Webpack
随着前端技术的发展，前端项目的复杂度越来越高，代码的复杂度也随之增加。随着模块化开发的普及，前端代码的复杂度越来越高，需要更加高效、更加便捷的工具来构建前端项目。
Webpack本质上是一种前端资源编译、打包工具。
使用Webpack
Webpack 的工作方式是，把你的项目中每个模块作为一个入口，然后递归地处理每个模块所依赖的其他模块，最终把所有模块打包成一个或多个文件。这些文件在浏览器中加载后，就可以把整个应用程序的所有功能都呈现出来。
与其他打包工具（如 Browserify）不同，Webpack 可以打包非 JavaScript 文件，这是通过加载器（loaders）实现的。加载器是插件，它们可以将某种类型的文件转换为 JavaScript 模块，从而让 Webpack 可以处理这些文件。
例如，你可以使用加载器把 CSS 文件转换为 JavaScript 模块，从而把 CSS 代码和 JavaScript 代码打包在一起。这有助于提高应用程序的性能，因为它减少了 HTTP 请求数量，并允许你更好地管理你的代码。
Webpack 还提供了一个强大的插件系统，这些插件可以实现各种各样的功能，例如代码压缩、代码分割、动态加载。
总结
Webpack优点：
- 模块化：Webpack 支持多种模块系统，如 CommonJS 和 ES6 模块，使代码更加模块化和可维护。
- 代码分离：Webpack 支持代码分离，可以将应用程序的代码分成多个文件，以提高加载速度和性能。
- 代码懒加载：Webpack 支持代码懒加载，可以在应用程序运行时只加载所需的代码，以提高性能和降低带宽占用。
- 资源加载：Webpack 支持加载各种资源，如图片、字体和 CSS，并可以对它们进行处理，如压缩和转换。
