如何更新Webpack？webpack-cli版本升级操作指南

针对有相关需求的开发者，下文整理webpack-cli的具体更新流程。我在新建JHipster项目时遇到npm start运行故障，最终通过更新webpack-cli解决了该问题。

核查当前webpack版本 #

首先在IDE的终端中执行以下命令查看当前webpack版本：
webpack --version
执行后将输出版本信息列表，示例如下：

如果输出中webpack-cli的版本号低于4.10.0，就需要将其升级到对应版本，才能保证JHipster项目在本地环境中正常运行npm命令，具体更新操作如下：

• 在IDE的终端中执行版本安装命令：npm install webpack-cli@4.10.0
  注：当前最新稳定版本为4.10.0，后续版本迭代后，可将命令末尾的版本号替换为对应最新版本号即可，命令格式参考：npm install webpack-cli@<目标新版本号>
• 命令执行完成后，再次运行webpack --version命令，核查webpack-cli版本是否已更新为你指定的版本，更新成功后的版本信息示例如下：
  

故障诱因补充 #

这类npm启动报错的核心原因是全局安装带来的版本锁定问题，官方说明如下：

全局安装webpack会锁定特定版本，在使用其他版本webpack的项目中可能会出现运行失败的问题。

如果你之前执行过类似npm install --global webpack的全局安装命令，就会被锁定到特定webpack版本，这是该故障的最常见触发场景。我本人就是因为之前执行过npm install -g全局安装命令才遇到了该问题，执行上述更新命令完成版本调整后，项目即可正常运行。

内容的提问来源于stack exchange，提问作者Taylor