Webpack 是一个现代 JavaScript 应用程序的静态模块打包工具。它主要用于打包 JavaScript 文件，但也能够转换、打包 CSS、图片等资源文件。在 Webpack 中，一切皆模块，通过 Loader 将不同类型的文件转换为模块，通过 Plugin 扩展 Webpack 的功能。在本章节中，我们将深入了解 Webpack 的开发过程。
安装 Webpack
首先，我们需要安装 Webpack。可以通过 npm 进行安装：
npm install webpack webpack-cli --save-dev
配置 Webpack
Webpack 的配置文件为 webpack.config.js，在项目根目录下创建该文件。以下是一个简单的 Webpack 配置示例：
-- -------------------- ---- -------
----- ---- - ----------------
-------------- - -
------ -----------------
------- -
----- ----------------------- --------
--------- -----------
--
------- -
------ -
-
----- --------
-------- ---------------
---- -
------- --------------
-
--
-
----- ---------
---- ---------------- -------------
--
-
----- -----------------------
---- ---------------
-
-
-
--在上面的配置中，我们指定了入口文件为 src/index.js，输出文件为 dist/bundle.js。同时，配置了三个 Loader，分别用于处理 JavaScript、CSS 和图片资源文件。
运行 Webpack
运行 Webpack 可以通过命令行方式或配置 npm script。以下是通过命令行方式运行 Webpack 的示例：
npx webpack
运行以上命令后，Webpack 将会根据配置文件进行打包，并输出到指定的输出文件中。
总结
通过本章节的学习，我们了解了如何进行 Webpack 的开发过程，包括安装、配置和运行。在后续章节中，我们将继续深入学习 Webpack 的更多功能和用法。