初学webpack遇到的坑

学习前端有小半年了，第一次发博客，很多写的不好的地方还望各位多包容和指教
最近几天在学习前端项目构建工具之-----webpack,抱着极大的兴致去学习，但是里面的坑却让我怀疑人生
下面给大家说说我遇到的坑
全局下载了webpack和webpack-cli之后，想着在配置webpack.config.js文件之前，先利用webpack <entry> -o <out>命令试试水，可每次编译打包都会报错，改了几个小时的错，最后将路径的 ‘\’ 换成 ‘/’，才编译成功，成功之后，以为接下来会一帆风顺，接下来的各种包版本冲突狠狠的折磨了我（作为小白所有的包都安装的最新版本），局部安装了webpack和webpack-dev-server，并且在json文件中用"dev" :"webpack-dev-server"配置了dev命令后，每次npm run dev依然报错，不停的百度找方法，卸载并重下所有包，问题依然没有得到解决，最后在一位大神的博客中看到webpack与webpack-dev-server的版本冲突也会报错，于是下载了webpack4以下的版本，可算是成功了，安装html-webpack-plugin这个包后，提示要求本地安装webpack4以上的版本，可是webpack-dev-server得用4以下的版本啊，真是太为难我了，同样在安装style-loader,css-loader,less-loader,url-loader这些加载器也是同样的版本冲突，看了很多大神的博客，慢慢去试水，安装这些包的老版本，最终，包之间的版本冲突终于解决了，以下是我整合的一些包的版本，是可以成功运行的，如果有小伙伴学习webpack时踩到跟我一样的坑，希望这些可以帮助到你们