初入webpack踩过的坑

初入webpack踩过的坑

具体的demo步骤可以参考菜鸟的，这里只是说说操作demo的时候遇到的坑，
一 关于Error：UnhandledPromiseRejectionWarning: TypeError: this.getResolve is not a function
它这里的原因是 css-loader 和 style-loader 版本过高，我们可以把这里调小一点，

可能初学者不知道这个地方是哪里来的，进到demo以后执行命令 npm init -y ，就会生成 package.json 文件，就在里面修改，就按上面的版本就可以。

二 关于Error ： configuration.module has an unknown property ‘loaders’. These properties are valid:

接下来可能遇到这个问题，只需要把 module 里的那个 loaders 改成 rules 即可，但随即可能会产生下一个问题：

关于Error
Compiling RuleSet failed: Exclamation mark separated loader lists has been removed in favor of the ‘use’ property with arrays (at ruleSet[1].rules[0].loader: style-loader!css-loader)

解决方法
将原本默认的配置

改成：