项目引入ES6使用Webpack时提示Cannot find module 'webpack-cli'

这个问题我碰到过好多次啦，本质是Webpack 4.x及以后版本把命令行工具（CLI）单独拆成了webpack-cli包，不再内置在webpack主包里，所以直接在CMD里跑webpack命令时，系统找不到对应的CLI模块。给你几个靠谱的解决办法：

1. 本地安装webpack-cli（推荐方案） #

这种方式会把依赖安装在当前项目的node_modules里，避免全局版本冲突的问题，步骤如下：

• 在项目根目录打开终端，执行安装命令：

  npm install webpack-cli --save-dev
  

• 安装完成后，有两种方式执行打包：
  • 直接用npx调用本地的webpack：

    npx webpack
    

  • 或者在项目的package.json中添加脚本命令：

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

    之后执行npm run build即可，npm会自动从本地依赖中找到webpack-cli来执行。

2. 全局安装webpack-cli（适合频繁使用同版本的场景） #

如果习惯直接在任意目录用webpack命令，可以全局安装CLI工具：

npm install webpack-cli -g

安装完成后，直接在CMD里输入webpack就能正常执行了。

3. Yarn用户的对应命令 #

如果你用Yarn包管理器，把上面的npm命令换成Yarn版本即可：

• 本地安装：

  yarn add webpack-cli --dev
  

• 全局安装：

  yarn global add webpack-cli
  

额外提醒：建议同时确保webpack本身也是本地安装的（npm install webpack --save-dev），这样能避免全局和本地webpack版本不一致导致的其他问题。

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