![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=1739669558-G9eJRgwVWQAEuaK09a1cnCYzdQoOX5y3-0-27835a75bfd769ea1ff6de9f83edf543)
如果要安装指定版本的Webpack,可以在安装的包名后面以@x.x.x形式加上版本号。
![](https://epubservercos.yuewen.com/8065E2/26763944501499406/epubprivate/OEBPS/Images/42472_18_2.jpg?sign=1739669558-Wpt8adHHkLVhrUMcCTFYzxEcKpz5OQWn-0-82088fe3af34e57273c24256f73c0c8f)
我们安装的是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=1739669558-F6aexQeobCX05XMx8SFzii29oGCZZZgi-0-60eb0d50fd7018e48f36784c5d341884)
本地安装指定版本Webpack的命令如下,本地安装指定版本Webpack的方式与全局安装Webpack的一样,都是在包名后面以@x.x.x形式加上版本号。
![](https://epubservercos.yuewen.com/8065E2/26763944501499406/epubprivate/OEBPS/Images/42472_19_1.jpg?sign=1739669558-KecswBm2l7xsH3LkYEScuhFy1KMCgwVA-0-2fdebdabba1a50e6e031187c95057d5a)
在学习本书的时候,建议安装与书里一致的版本,以便观察Webpack构建前后的代码。