webpack4.0环境构建，包含一些版本问题

以下博客解决了大部分的问题：
https://blog.csdn.net/yezi__6/article/details/90115557
问题记录：
1.如果出现了 Moudle not found:Error can’t resolve xxx in xxx,可以尝试以下方法：
方法一：npm install xxx
方法二：重新安装webpack与webpack-cli，这个是要求本地（即项目内部）与全局都需要安装。
2.因为我是想要实现在webpack打包成功之后立即以浏览器打开并且直接显示src下的index.html。在package.json中的scripts标签中添加了
"dev": "webpack-dev-server --open --port 3000 --contentBase src --hot"
之后运行输入命令：npm run dev
但是报错Module not found: Error: Can’t resolve contentBase in xxx
将contentBase 改为 --content-base src
重新运行npm run dev
可以发现没有报错且直接跳转到了index.html
以下为项目结构截图：

package.json

index.html

在index.html中要引入打包好的bundle.js文件，原因在开头的博客中可以找到

项目运行结果：