Webpack 安装css-loader和style-loader报错

这个Webpack版本冲突坑太多，
安装个css-loader和style-loader也是一片祥和的红天。

分析下原因吧，
我安装css-loader和style-loader的时候直接使用了命令

$ cnpm install css-loader style-loader

导致报错

ERROR in ./node_modules/[email protected]@css-loader/dist/cjs.js!./style.css
Module build failed: Error: Cannot find module 'postcss'

我在安装命令中并没有指定版本号，报错信息提示没有找到postcss模块，可以肯定地瞎说，不出意外的话，就是版本问题的。
经过一番搜索，在官网找到了css-loader和style-loader的所有版本(点击最右侧的version)
css-loader :https://www.npmjs.com/package/css-loader
style-loader:https://www.npmjs.com/package/style-loader
然后试图使用特定的版本号进行添加试试看。。。
安装css-loader 2.0.0版本的看看，结果有警告：

黄颜色的文字表示css-loader需要的webpack版本是4.0.0，而我已经安装的是3.6.0版本的。那再降css-loader的版本看看。
当我选择css-loader的版本到0.28.11的时候，发现没有冲突或警告了（webpack版本是3.6.0的）

接下来，解决style-loader版本问题，
试图选择版本号为0.15.0的，结果喜提开心一刻 （0.5克）

假装css-loader和style-loader都没有问题了，
开始进行打包操作：打包内容请各位小伙伴们参考https://www.runoob.com/w3cnote/webpack-tutorial.html

$ webpack runoob1.js bundle.js

结果没有问题，能够顺利加载style.css文件

打开index.html到浏览器，结果能够正常显示。