![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=1739137356-6deJGnPRa81yShkcAFqTokIPbYuiHjf9-0-93f8f505d4f0a8c3ea1424013b82bc6f)
如果要安装指定版本的Webpack,可以在安装的包名后面以@x.x.x形式加上版本号。
![](https://epubservercos.yuewen.com/8065E2/26763944501499406/epubprivate/OEBPS/Images/42472_18_2.jpg?sign=1739137356-WG8OdC8EzlMWupKrN0PTnbkje8vwVmWU-0-d959e5d32bec4a283b798daf6800a9ea)
我们安装的是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=1739137356-7NOA9K50gI6NQ0xM8JHqtuLlHnooy58e-0-b14fd8bd511a4d525261ed806e25756c)
本地安装指定版本Webpack的命令如下,本地安装指定版本Webpack的方式与全局安装Webpack的一样,都是在包名后面以@x.x.x形式加上版本号。
![](https://epubservercos.yuewen.com/8065E2/26763944501499406/epubprivate/OEBPS/Images/42472_19_1.jpg?sign=1739137356-AF2yNBuiIa1fD7DqD09ShLo7ExFt38GJ-0-e986d7bfa4e786289c1ed51e13881d60)
在学习本书的时候,建议安装与书里一致的版本,以便观察Webpack构建前后的代码。