WebPack 2.x replace loader to rules about reactjs101 HOT 1 OPEN

module: {
  	// loaders 則是放欲使用的 loaders，在這邊是使用 babel-loader 將所有 .js（這邊用到正則式）相關檔案（排除了 npm 安裝的套件位置 node_modules）轉譯成瀏覽器可以閱讀的 JavaScript。preset 則是使用的 babel 轉譯規則，這邊使用 react、es2015。若是已經單獨使用 .babelrc 作為 presets 設定的話，則可以省略 query
    loaders: [                             // <<<<<<<<<<<<<<<< loaders需要改為 rules
      {
        test: /\.js$/,
        exclude: /node_modules/,      
        loader: 'babel-loader',
        query: {
          presets: ['es2015', 'react'],    // <<<<<<<<<<<<<<<<此處需要安裝babel-present-env後改為 ["env", "react"],
        },
      },
    ],
  },