Webpack的基本功能有哪些

Webpack 是一个现代 JavaScript 应用程序的静态模块打包工具。它的核心功能是将应用程序视为一个模块化的项目，并将所有的资源（如 JavaScript、CSS、图片等）打包成可供浏览器使用的文件。以下是 Webpack 的基本功能及其相关概念的详细介绍。

一、模块化

1. 模块的概念

在 Webpack 中，模块是指任何可以被依赖的代码文件。模块可以是 JavaScript 文件、CSS 文件、图片、字体等。Webpack 可以处理各种类型的模块，并将它们打包在一起。

2. CommonJS 和 ES6 模块

Webpack 支持多种模块系统，包括：

• CommonJS：Node.js 的模块系统，使用 require 和 module.exports。

  // example.js
  const moduleA = require(