安装

title: 安装
sort: 13
contributors:

• pksjce
• bebraw
• simon04
• EugeneHlushko
• sibiraj-s
• chenxsan

本指南介绍安装 webpack 的各种方法。

前提条件

开始之前，请确保已安装新版本的 Node.js。当前长期支持（LTS）版本是一个理想的起点。使用较旧版本可能会遇到各种问题，因为它们可能缺少 webpack 或其相关包所需的功能。

本地安装

最新的 webpack 版本是：

要安装最新版本或特定版本，请运行以下命令之一：

npm install --save-dev webpack
# or specific version
npm install --save-dev webpack@<version>

提示： 是否使用 --save-dev 取决于你的使用场景。例如，如果你只使用 webpack 进行打包，那么建议使用 --save-dev 选项安装，因为你不会将 webpack 包含在生产构建中。否则，可以忽略 --save-dev。

如果你使用 webpack v4 或更高版本，并希望从命令行调用 webpack，你还需要安装 CLI。

npm install --save-dev webpack-cli

本地安装是我们推荐大多数项目采用的方式。当引入破坏性更改时，这样可以更容易地逐个升级项目。通常，webpack 通过一个或多个 npm scripts 运行，它会查找项目本地 node_modules 目录中的 webpack 安装：

"scripts": {
  "build": "webpack --config webpack.config.js"
}

提示： 要运行本地安装的 webpack，你可以访问其二进制文件 node_modules/.bin/webpack。或者，如果你使用 npm v5.2.0 或更高版本，可以运行 npx webpack 来执行它。

全局安装

以下 NPM 安装将使 webpack 全局可用：

npm install --global webpack

警告： 请注意，这不是推荐做法。全局安装会将你锁定在特定版本的 webpack，并且可能在项目使用不同版本时失败。

前沿版本

如果你热衷于使用 webpack 提供的最新功能，可以安装测试版本，甚至可以使用以下命令直接从 webpack 仓库安装：

npm install --save-dev webpack@next
# or a specific tag/branch
npm install --save-dev webpack/webpack#<tagname/branchname>

警告： 请谨慎安装这些前沿版本！它们可能仍包含错误，因此不应在生产环境中使用。