Webpack基础教程：安装和配置Webpack前端开发

Webpack是一个现代化的前端打包工具，它可以将多个模块打包成一个或多个静态资源文件，以提高前端应用程序的性能和可维护性。本文将详细介绍如何安装和配置Webpack，并附带相应的源代码示例。

安装Node.js和npm

在开始之前，请确保你已经安装了Node.js和npm（Node包管理器）。你可以从官方网站（https://nodejs.org ↗）下载并安装适用于你操作系统的Node.js版本。安装完成后，你可以通过在命令行运行以下命令来验证它们是否成功安装：

node -v
npm -v

初始化项目

创建一个新的项目文件夹，并通过以下命令将其初始化为一个npm项目：

mkdir webpack-demo
cd webpack-demo
npm init -y

上述命令将在项目文件夹中创建一个新的package.json文件，该文件用于描述项目的元数据和依赖项。

安装Webpack

现在，我们可以通过npm来安装Webpack。运行以下命令来安装Webpack及其相关的开发依赖项：

npm install webpack webpack-cli --save-dev

上述命令将安装Webpack和Webpack命令行接口（CLI