webpack css样式不生效

Question

过程都是按照官网走的，但是样式就是不生效。
1.目录

2.index.html~~~~

3.index.js

4.style.css

5.webpack.config.js

6.package.json

Answer 1

用了style-loader的话，样式是保存在在 .js文件中的。然后就是在浏览器里确认一下div标签上是否有hello这个class

Answer 2

中文官网的配置有点问题
dist下index.html 文件引入的js文件是main.js,可是webpack.config.js内部配的出口文件是 bundle.js

所以你把输出文件名称和引用的名称 保持一致就好了。
ps: 英文文档上是对的 https://webpack.js.org/guides...