Handle Webpack 2.1.0 beta 23 renaming 'loaders' to 'rules'. Fixes aspnet#460.

SteveSandersonMS · SteveSandersonMS · commit 69a0a2905749 · 2016-11-25T10:15:38.000Z
diff --git a/src/Microsoft.AspNetCore.SpaServices/npm/aspnet-webpack-react/package.json b/src/Microsoft.AspNetCore.SpaServices/npm/aspnet-webpack-react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "aspnet-webpack-react",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "Helpers for using Webpack with React in ASP.NET Core projects. Works in conjunction with the Microsoft.AspNetCore.SpaServices NuGet package.",
   "main": "index.js",
   "scripts": {
diff --git a/src/Microsoft.AspNetCore.SpaServices/npm/aspnet-webpack-react/src/HotModuleReplacement.ts b/src/Microsoft.AspNetCore.SpaServices/npm/aspnet-webpack-react/src/HotModuleReplacement.ts
@@ -1,7 +1,11 @@
 import * as webpack from 'webpack';
 
 export function addReactHotModuleReplacementBabelTransform(webpackConfig: webpack.Configuration) {
-    webpackConfig.module.loaders.forEach(loaderConfig => {
+    const moduleRules: webpack.Loader[] =
+        (webpackConfig.module as any).rules // Webpack  < 2.1.0 beta 23
+        || webpackConfig.module.loaders;    // Webpack >= 2.1.0 beta 23
+
+    moduleRules.forEach(loaderConfig => {
         if (loaderConfig.loader && loaderConfig.loader.match(/\bbabel-loader\b/)) {
             // Ensure the babel-loader options includes a 'query'
             const query = loaderConfig.query = loaderConfig.query || {};

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "aspnet-webpack-react",`
`3`		`- "version": "1.0.2",`
	`3`	`+ "version": "1.0.3",`
`4`	`4`	`"description": "Helpers for using Webpack with React in ASP.NET Core projects. Works in conjunction with the Microsoft.AspNetCore.SpaServices NuGet package.",`
`5`	`5`	`"main": "index.js",`
`6`	`6`	`"scripts": {`