如何安装webpack-cli？已装webpack 4.5.0遇安装报错求助

你遇到的核心问题是webpack-cli的peer依赖识别异常——虽然你已经装了Webpack 4.5.0，但npm可能因为全局/局部安装版本冲突，没检测到项目里的Webpack；另外那个nomnom的弃用警告只是依赖包过时提示，不影响功能，可以先忽略。下面给你几个可行的解决方案：

方案1：确保Webpack和webpack-cli都安装在项目局部（推荐） #

全局工具和项目局部依赖的版本冲突是这类问题的常见原因，所以优先把两者都作为开发依赖装在项目里：

1. 先明确安装项目局部的Webpack 4.5.0：

   npm install webpack@4.5.0 --save-dev
   

2. 再安装和Webpack 4.x兼容的webpack-cli版本（推荐装2.x或3.x，和Webpack 4.5.0适配性更好）：

   # 安装2.x版本（和你报错里的版本匹配）
   npm install webpack-cli@2 --save-dev
   # 或者安装3.x版本，能避免部分弃用警告
   npm install webpack-cli@3 --save-dev
   

3. 之后通过package.json的scripts运行Webpack，彻底避免全局版本干扰：
   在你的package.json里添加如下脚本：

   "scripts": {
     "build": "webpack"
   }
   

   执行npm run build来打包，这样会自动使用项目局部的Webpack和webpack-cli。

方案2：全局安装webpack-cli（如果习惯用全局命令） #

如果你是全局安装的Webpack，那也要全局安装对应的webpack-cli：

npm install webpack-cli@2 -g

这样全局运行webpack命令时就能找到对应的CLI工具了。

关于nomnom弃用警告的说明 #

这个警告是因为webpack-cli@2.x依赖的nomnom包已经停止维护，属于正常的依赖过时提示，完全不会影响Webpack的正常打包功能。如果实在不想看到这个警告，可以尝试安装webpack-cli@3.x版本，它已经替换了这个老旧依赖。

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