webpack-bundle-analyzer命令无法识别问题求助

你遇到的问题很常见——虽然已经在项目里安装了包，但终端没法直接找到本地安装的可执行命令，这是因为本地npm包的可执行文件默认不在系统PATH里。试试下面几个解决方案：

• 方案1：用npx直接调用本地包
  npx会自动查找项目node_modules里的可执行命令，直接在终端运行：

  npx webpack-bundle-analyzer dist/stats.json
  

  这是最快的临时解决办法，不需要额外配置。

• 方案2：在package.json中添加脚本命令
  打开项目的package.json，在scripts字段里新增一个分析命令：

  "scripts": {
    // 保留你已有的其他脚本...
    "analyze": "webpack-bundle-analyzer dist/stats.json"
  }
  

  之后在终端运行：

  npm run analyze
  # 如果你用yarn的话，运行：
  yarn analyze
  

  这种方式更规范，也方便团队成员统一使用相同的命令。

• 方案3：全局安装（可选）
  如果你希望在任何项目里都能直接敲命令运行，可以全局安装这个包：

  npm install -g webpack-bundle-analyzer
  

  安装完成后就能直接运行webpack-bundle-analyzer dist/stats.json了。不过全局安装可能会带来不同项目版本不一致的问题，优先推荐前两个方案。

另外，如果你试了上面的方法还是不行，可以检查下项目的node_modules/.bin目录里有没有webpack-bundle-analyzer文件。如果没有的话，大概率是安装过程出了问题，试着删除node_modules和package-lock.json（或yarn.lock），重新执行npm install再试试。

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