webpact+react报错Invalid configuration object. Webpack has been initialised using a configuration obj

React系列学习笔记：1.React与webpack基本配置：https://www.jianshu.com/p/eb2da4fe7f5b 可参考目录分配，但是webpack.config.js配置中loaders写法已不能再使用。

会一直报无效的配置，如下：

F:\node.js\5-3\5-4>webpack

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'. These properties are valid:

object { exprContextCritical?, exprContextRecursive?, exprContextRegExp?, exprContextRequest?, noParse?, rules?, defaultRules?,

unknownContextCritical?, unknownContextRecursive?, unknownContextRegExp?, unknownContextRequest?, unsafeCache?, wrappedContextCri

tical?, wrappedContextRecursive?, wrappedContextRegExp?, strictExportPresence?, strictThisContextOnImports? }

-> Options affecting the normal modules (`NormalModuleFactory`).

原因： webpack版本更新，新的规则改变。

解决：

把module里的那个loaders改成rules

module: {

 rules: [

        {

        test: /\.scss$/,

        loader: ('style!css!sass')

        }

  ]
},

参考官方文档：

现在的webpack的loader是配置在rule里的

https://doc.webpack-china.org/configuration/module/#module-rules