报错Error: Cannot find module ‘webpack-cli/bin/config-yargs‘，webpack配置自动打包

项目场景：

设置webpack的自动打包时报错。

---

问题描述：

报错：

Error: Cannot find module 'webpack-cli/bin/config-yargs'

---

原因分析：

开始以为是哪个步骤打错了，重新又配置了一遍，还是报错，后来发现是webpack-dev-server现在改为了webpack serve。

---

解决方案：

在package.json中修改。

再次运行npm run dev，成功。

最后是设置webpack的自动打包步骤
A.安装自动打包功能的包:webpack-dev-server
npm install webpack-dev-server -D
B.修改package.json中的dev指令如下：
"scripts":{ "dev":"webpack serve" }
C.将引入的js文件路径更改为：
D.运行npm run dev，进行打包
E.打开网址查看效果：http://localhost:8080