新手运行webpack 报错： unknown property 'loaders'.

Question

webpack.config.js代码：
var webpack = require('webpack');
var path = require("path");
module.exports = {
        entry: './src/app.js',
        output: {
            path: path.resolve(__dirname,'./bin'),
            filename: 'app.bundle.js'
        },
        module: {
          loaders: [
             {
               test: /\.js$/,
               exclude: /(node_modules|bower_components)/,
               loader: 'babel-loader',
               query: {
                   presets: ['es2015']
                }
          }
        ]
    }
    

执行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:

我查看了webpack -v 是3.2.0
我把module下面的loaders字符换成rules又不会报错了。
我上网查了下，好像是webpack1，和webpack2的配置不同，
不知道我电脑是不是装了webpack1和webpack2，我查看过其它项目都是用的rulse，没有loaders，是不是webpack1不怎么用了，还是怎么的？

Answer 1

webpack v2 之后都用rules 了

Answer 2

把module里的那个loaders改成rules

Answer 3

这个嘛，之前学习的时候也遇到过这些问题，webpack不同的版本配置文件写法有些不同，你可以仔细检查一下项目webpack的版本，再去文档中找下具体的写法。