Webpack是一个强大的JavaScript模块打包工具,它的出现极大地简化了前端开发过程中的模块管理和打包部署。本文将介绍Webpack的基本用法,并提供相应的源代码示例。
首先,我们需要安装Webpack。打开终端(命令行界面)并执行以下命令:
npm install webpack webpack-cli --save-dev
上述命令将通过npm(Node.js的包管理器)安装Webpack及其命令行工具(webpack-cli)。
安装完成后,我们可以创建一个简单的JavaScript项目,并使用Webpack对其进行打包。假设我们的项目包含两个模块:一个是入口模块(entry module),另一个是依赖模块(dependency module)。入口模块是我们应用程序的主要入口点,而依赖模块是被入口模块直接或间接引用的其他模块。
首先,创建一个名为index.js
的入口模块文件,并在其中添加以下代码:
// index.js
import