webpack版本查看、安装

安装方式描述

全局安装：安装Webpack到全局后，可以在任何文件位置共用一个Webpack可执行文件，而不用各个项目重复安装。
局部安装：（推荐）安装到某个项目中，可防止不同项目依赖不同版本的 Webpack 而导致冲突。

安装

1) 全局安装

npm i -g webpack

提示：如果需要安装指定版本
npm i -g webpack@<version>
<version>表示版本号

如果使用 webpack 4+ 版本，还需要安装 webpack-cli

npm i -g webpack-cli

验证是否安装成功

webpack -v

2) 局部安装

npm i -D webpack

提示：如果需要安装指定版本
npm i -D webpack@<version>
<version>表示版本号

如果使用 webpack 4+ 版本，还需要安装 webpack-cli

npm i -D webpack-cli

验证是否安装成功

在package.json文件中，devDependencies中查看webpack-cli的版本信息。

因为是局部安装，要进入依赖包执行webpack的命令才有效，否则会被认为命令无效。 或者，使用 npm 包执行器 npx 可以自动找到对应的包执行命令（一般安装了npm会自动安装npx），有了这个工具，执行局部的webpack命令长度就短了。