webpack 第四部分:指南

在开始学习和使用 Webpack 之前,我们需要先安装和准备好一些必要的工具和环境。本章节将介绍如何安装 Node.js、npm 和 Webpack。

1. 安装 Node.js

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境,可以让 JavaScript 脚本在服务器端运行。Webpack 是基于 Node.js 构建的工具,因此我们需要先安装 Node.js。

Windows 系统安装 Node.js

在 Windows 系统上安装 Node.js 只需前往 Node.js 官网 下载最新版本的 Node.js 安装包,然后按照安装向导一步步进行安装即可。

macOS 系统安装 Node.js

在 macOS 系统上安装 Node.js 可以通过 Homebrew 进行安装,首先安装 Homebrew,然后使用以下命令安装 Node.js:

Linux 系统安装 Node.js

在 Linux 系统上安装 Node.js 可以通过包管理器进行安装,例如在 Ubuntu 上可以使用以下命令进行安装:

安装完成后,可以使用以下命令检查 Node.js 和 npm 版本:

2. 安装 Webpack

安装 Node.js 后,我们可以使用 npm 来安装 Webpack。Webpack 可以全局安装,也可以作为项目的开发依赖进行安装。

全局安装 Webpack

全局安装 Webpack 可以让我们在命令行中直接使用 webpack 命令,安装方法如下:

作为项目依赖安装 Webpack

作为项目依赖安装 Webpack 可以让我们在项目中使用特定版本的 Webpack,同时也可以方便团队协作和版本管理。在项目根目录下执行以下命令进行安装:

安装完成后,可以在项目的 package.json 文件中看到 Webpack 的依赖信息。

至此,Node.js、npm 和 Webpack 的安装准备工作已经完成,接下来我们将深入学习和使用 Webpack。

上一篇: webpack compilation 钩子
下一篇: webpack 安装
纠错
反馈