Webpack-第 1 篇：Webpack 5 入门指南

Webpack-第 1 篇：Webpack 5 入门指南

一、Webpack 简介与核心概念

（一）Webpack 简介

Webpack 是一个现代 JavaScript 应用程序的静态模块打包工具。在现代的前端开发中，项目通常会包含大量的模块（如 JavaScript、CSS、图片等），这些模块之间存在着复杂的依赖关系。Webpack 可以将这些模块进行打包，将它们转换为适合浏览器加载的静态资源，从而提高应用的加载性能和可维护性。

（二）核心概念

1. 入口（Entry）
   入口是 Webpack 开始构建的起点，它告诉 Webpack 从哪个模块开始查找并构建依赖图。在 Webpack 配置中，可以通过 entry 选项来指定入口文件。例如：

module.exports =