![Webpack+Babel入门与实例详解](https://wfqqreader-1252317822.image.myqcloud.com/cover/455/47379455/b_47379455.jpg)
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人
1.2.2 安装Webpack
Webpack有两种安装方式,分别为全局安装与本地安装。无论哪种安装方式,都需要安装两个npm包:webpack和webpack-cli。webpack是Webpack核心npm包,webpack-cli是命令行运行webpack命令所需的npm包。
接下来介绍一下这两种安装方式。
1.Webpack的全局安装
下面的命令用于全局安装Webpack,安装的版本是最新的长期支持版本。
![](https://epubservercos.yuewen.com/8065E2/26763944501499406/epubprivate/OEBPS/Images/42472_18_1.jpg?sign=1739308584-ISUVmPr5xYk91ciRlDvajGxBGTeiYynB-0-1b31f54b9038572606507b8347cf8b91)
如果要安装指定版本的Webpack,可以在安装的包名后面以@x.x.x形式加上版本号。
![](https://epubservercos.yuewen.com/8065E2/26763944501499406/epubprivate/OEBPS/Images/42472_18_2.jpg?sign=1739308584-yoTbHTXLH3kUqcB0gQFpAN7C5LNlS816-0-a361a19e7105e1a3927487b34c438f07)
我们安装的是Webpack 5,目前对应的webpack-cli大版本是4,以上两个包都必须安装。在之前的Webpack 3时期,不需要安装webpack-cli。
2.Webpack的本地安装
本地安装最新的长期支持版本Webpack的命令如下。
![](https://epubservercos.yuewen.com/8065E2/26763944501499406/epubprivate/OEBPS/Images/42472_18_3.jpg?sign=1739308584-WsZvQGhAyb0baSQHzQg13nirVfNo9uGV-0-ba625dfad963df29d127148460082c21)
本地安装指定版本Webpack的命令如下,本地安装指定版本Webpack的方式与全局安装Webpack的一样,都是在包名后面以@x.x.x形式加上版本号。
![](https://epubservercos.yuewen.com/8065E2/26763944501499406/epubprivate/OEBPS/Images/42472_19_1.jpg?sign=1739308584-2Q9ZUu9PyabwBavQPOjQRgqfschwtmYX-0-59a99acb1e8d8446eec071119dc70425)
在学习本书的时候,建议安装与书里一致的版本,以便观察Webpack构建前后的代码。