Webpack打包原理解析与示例代码

Webpack是一种现代化的前端打包工具，它能够将多个模块打包成一个或多个静态资源文件。在本文中，我们将深入探讨Webpack的打包原理，并通过示例代码来说明其工作方式。

1. 入口文件
   Webpack的打包过程始于一个或多个入口文件。入口文件是指应用程序的主要文件，它是Webpack构建过程的起点。Webpack将通过解析入口文件及其依赖关系来构建整个应用程序的依赖图。

以下是一个简单的入口文件（index.js）的示例代码：

// index.js

import {
    hello } from './greetings';

function sayHello(