前端学习笔记100篇之002：Webpack简明教程（持续完善中）

Webpack是一个静态模块打包工具，适用于前端项目构建和模块化开发。Webpack通过从入口文件构建依赖图，然后打包相关的模块，最终输出可用于展示的内容。以下是Webpack的具体使用例子，简要介绍如何配置和使用Webpack进行项目构建。

1. 安装和初始化

• 安装Webpack：首先需要安装Node.js和npm（Node包管理器），然后通过运行以下命令全局安装Webpack：

  npm install -g webpack webpack-cli
  

  这会将Webpack和webpack-cli安装到全局环境中[⁴]。
• 创建项目文件夹：在本地创建一个新的项目文件夹，并在其中执行npm init命令来创建一个package.json文件，用于保存项目的配置信息和依赖项。

  mkdir Webpack_demo && cd Webpack_demo
  npm init -y
  

2. 创建和配置入口文件

• 编写入口文件：在项目根目录下创建一个名为src的文件夹，然后在此文件夹中创建一个JavaScript文件作为Webpack的入口文件（例如index.js）：

  import