- Webpack+Babel入门与实例详解
- 姜瑞涛
- 318字
- 2024-01-25 17:11:56
1.2.2 安装Webpack
Webpack有两种安装方式,分别为全局安装与本地安装。无论哪种安装方式,都需要安装两个npm包:webpack和webpack-cli。webpack是Webpack核心npm包,webpack-cli是命令行运行webpack命令所需的npm包。
接下来介绍一下这两种安装方式。
1.Webpack的全局安装
下面的命令用于全局安装Webpack,安装的版本是最新的长期支持版本。

如果要安装指定版本的Webpack,可以在安装的包名后面以@x.x.x形式加上版本号。

我们安装的是Webpack 5,目前对应的webpack-cli大版本是4,以上两个包都必须安装。在之前的Webpack 3时期,不需要安装webpack-cli。
2.Webpack的本地安装
本地安装最新的长期支持版本Webpack的命令如下。

本地安装指定版本Webpack的命令如下,本地安装指定版本Webpack的方式与全局安装Webpack的一样,都是在包名后面以@x.x.x形式加上版本号。

在学习本书的时候,建议安装与书里一致的版本,以便观察Webpack构建前后的代码。