1.webpack初学者，在倒腾配置环境，在启动的时候遇见了如下个问题，下面是报错信息：

➜  webpack-react npm run dev

> webpack-react@1.0.0 dev /Users/one/webpack-react
> webpack-dev-server --hot

Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema.
 - configuration.module has an unknown property 'preLoaders'. These properties are valid:
   object { exprContextCritical?, exprContextRecursive?, exprContextRegExp?, exprContextRequest?, loaders?, noParse?, rules?, unknownContextCritical?, unknownContextRecursive?, unknownContextRegExp?, unknownContextRequest?, unsafeCache?, wrappedContextCritical?, wrappedContextRecursive?, wrappedContextRegExp? }
   Options affecting the normal modules (`NormalModuleFactory`).
 - configuration.resolve.extensions[0] should not be empty.

2.下面是我的配置文件

var path = require('path');
var webpack = require('webpack');
var HtmlwebpackPlugin = require('html-webpack-plugin');
//一些常用路径
var ROOT_PATH = path.resolve(__dirname);
var APP_PATH = path.resolve(ROOT_PATH,'app');
var BULID_PATH = path.resolve(ROOT_PATH,'bulid');
module.exports = {
    entry: {
      app: path.resolve(APP_PATH,'index.jsx')
    },
    output: {
      path: BULID_PATH,
      filename: 'bundle.js'
    },
    //开启dev source map
    devtool:'eval-source-map',
    //开启webpack dev server
    devServer: {
      historyApiFallback: true,
      hot: true,
      inline: true,
      progress: true
    },

    module: {
      //配置preLoaders,将eslint添加进入
      preLoaders: [
        {
          test: /\.jsx?$/,
          loaders: ['eslint'],
          include: APP_PATH
        }
      ],
      //配置loader,将Babel添加进去
      loaders: [
        {
          test: /\.jsx?$/,
          loaders: ['babel'],
          include: APP_PATH
        }
      ]
    },
    resolve:{
        extensions:['','.js','jsx']
    },
    plugins: [
        new HtmlwebpackPlugin({
          title: 'My first react app'
        })
    ]
};