在开始学习和使用 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:
brew install node
Linux 系统安装 Node.js
在 Linux 系统上安装 Node.js 可以通过包管理器进行安装,例如在 Ubuntu 上可以使用以下命令进行安装:
sudo apt update sudo apt install nodejs sudo apt install npm
安装完成后,可以使用以下命令检查 Node.js 和 npm 版本:
node -v npm -v
2. 安装 Webpack
安装 Node.js 后,我们可以使用 npm 来安装 Webpack。Webpack 可以全局安装,也可以作为项目的开发依赖进行安装。
全局安装 Webpack
全局安装 Webpack 可以让我们在命令行中直接使用 webpack 命令,安装方法如下:
npm install webpack -g
作为项目依赖安装 Webpack
作为项目依赖安装 Webpack 可以让我们在项目中使用特定版本的 Webpack,同时也可以方便团队协作和版本管理。在项目根目录下执行以下命令进行安装:
npm install webpack --save-dev
安装完成后,可以在项目的 package.json 文件中看到 Webpack 的依赖信息。
至此,Node.js、npm 和 Webpack 的安装准备工作已经完成,接下来我们将深入学习和使用 Webpack。