为什么要编写一个Webpack配置文件？

Webpack是一个强大的模块打包工具，用于构建现代化的JavaScript应用程序。通过Webpack的配置文件，我们可以定义项目的构建规则、处理各种资源和模块，并且优化输出的文件。下面将详细介绍为什么我们需要编写一个Webpack配置文件，并提供相应的源代码示例。

1. 模块化开发：
   在现代Web开发中，模块化是一个重要的概念。它允许我们将代码划分为小的、可重用的模块，提高代码的可维护性和可扩展性。Webpack通过配置文件的方式，允许我们使用各种模块化的语法（如ES6的import/export）来组织和管理代码。

2. 处理各种资源：
   除了JavaScript模块，现代Web应用还包含许多其他类型的资源，如CSS样式表、图像、字体等。Webpack的配置文件可以定义如何处理这些资源，例如使用合适的加载器(loader)来处理和转换CSS、图片等文件，并将它们作为模块引入到我们的应用中。

以下是一个简单的Webpack配置文件示例，展示了如何处理CSS文件：

const path = require