Webpack 是一个强大的模块打包工具,它可以将 JavaScript 代码及其相关的资源文件打包成一个或多个静态资源。在本教程中,我们将介绍如何配置 Webpack,并提供相应的源代码示例。
- 初始化项目
首先,我们需要创建一个新的项目目录,并在其中初始化一个新的 npm 项目。在命令行中执行以下命令:
mkdir webpack-demo
cd webpack-demo
npm init -y
- 安装 Webpack
接下来,我们需要安装 Webpack。在项目目录下执行以下命令:
npm install webpack webpack-cli --save-dev
- 创建源文件
在项目目录下创建一个名为 src
的文件夹,并在其中创建一个名为 index.js
的文件。这将是我们的入口文件。
// src/index.js
console.log