配置webpack module时 configuration.module has an unknown property 'loaders'报错的问题

我在项目中使用的是gulp构建的

在运行gulp的时候 报了如下错误 ：

WebpackOptionsValidationError: Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema.
 - configuration.module has an unknown property 'loaders'. 

原因是如下：

我这里配置的module参数是loaders 而在webpack2.0之后 对这个api进行了修改 将loaders替换成了 rules

在修改之后运行，没有报错，问题解决。

修改记录：2019年3月29日17:16:06    在rules里面loader中babel 替换成babel-loader