update examples to reflect web pack 2.2.0 (#759)

Author: jerairrest

client/webpack.config.js

@@ -1,11 +1,19 @@
 module.exports = {
 	module: {
-		loaders: [{
-			test: /\.css$/,
-			loader: "style-loader!css-loader"
-		}, {
-			test: /\.pug$/,
-			loader: "pug-loader?self"
-		}]
+		rules: [
+			{
+				test: /\.pug$/,
+				use: [
+					"pug-loader?self",
+				]
+			},
+			{
+				test: /\.css$/,
+				use: [
+					"style-loader",
+					"css-loader"
+				],
+			}
+		]
 	}
-}
+};

examples/modus-inline/webpack.config.js

@@ -6,14 +6,14 @@ module.exports = {
 			{
 				test: /\.less$/,
 				use: [
-					{ loader: "style-loader" },
-					{ loader: "css-loader" },
-					{ loader: "less-loader" }
+					"style-loader",
+					"css-loader",
+					"less-loader"
 				]
 			},
 			{
 				test: /\.png$/,
-				loader: "file-loader",
+				use: "file-loader",
 				options: { prefix: "img/" }
 			}
 		]

examples/webpack-config-array/webpack.config.js

@@ -10,9 +10,9 @@ module.exports = [
 				{
 					test: /\.less$/,
 					use: [
-						{ loader: "style-loader" },
-						{ loader: "css-loader" },
-						{ loader: "less-loader" }
+						"style-loader",
+						"css-loader",
+						"less-loader"
 					]
 				},
 				{
@@ -34,9 +34,9 @@ module.exports = [
 				{
 					test: /\.less$/,
 					use: [
-						{ loader: "style-loader" },
-						{ loader: "css-loader" },
-						{ loader: "less-loader" }
+						"style-loader",
+						"css-loader",
+						"less-loader"
 					]
 				},
 				{