如何一次性更新webpack及其所有loader？

1. 用npm-check-updates（最常用工具） #

这是专门用于批量更新npm依赖的工具，支持精准筛选特定包更新：

• 全局安装工具：npm install -g npm-check-updates
• 查看可更新的Webpack及Loader：ncu '/webpack|loader/'（通过正则匹配所有相关包）
• 直接更新package.json中的版本号：ncu -u '/webpack|loader/'
• 最后执行npm install完成实际安装

如果想一次性更新所有依赖（包含Webpack和Loader），直接运行ncu -u再执行npm install即可，但注意可能存在兼容性风险，建议先备份package.json。

2. 自定义npm脚本 #

在项目的package.json的scripts字段中添加一键更新脚本，省去重复敲命令的麻烦：

{
  "scripts": {
    "update:webpack": "ncu -u '/webpack.*|.*loader/' && npm install"
  }
}

之后只需执行npm run update:webpack，就能完成Webpack及相关Loader的批量更新。

3. 额外注意事项 #

• 批量更新后可能出现版本兼容性问题，建议先在测试环境验证，或者优先更新小版本（执行ncu -u --target minor）
• 若使用Yarn包管理器，可通过yarn upgrade-interactive --latest进入交互式界面，手动选择要更新的Webpack和Loader包

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