Add json-loader to add webpack.config.js files. Helps with aspnet#507.

Author: SteveSandersonMS

templates/Angular2Spa/webpack.config.js

@@ -16,7 +16,8 @@ var sharedConfig = {
             { test: /\.ts$/, include: /ClientApp/, loaders: ['ts-loader?silent=true', 'angular2-template-loader'] },
             { test: /\.html$/, loader: 'html-loader?minimize=false' },
             { test: /\.css$/, loader: 'to-string-loader!css-loader' },
-            { test: /\.(png|jpg|jpeg|gif|svg)$/, loader: 'url-loader', query: { limit: 25000 } }
+            { test: /\.(png|jpg|jpeg|gif|svg)$/, loader: 'url-loader', query: { limit: 25000 } },
+            { test: /\.json$/, loader: 'json-loader' }
         ]
     }
 };

templates/AureliaSpa/package.json

@@ -33,6 +33,7 @@
     "file-loader": "^0.9.0",
     "html-loader": "^0.4.4",
     "html-webpack-plugin": "^2.22.0",
+    "json-loader": "^0.5.4",
     "raw-loader": "^0.5.1",
     "style-loader": "^0.13.1",
     "to-string-loader": "^1.1.5",

templates/AureliaSpa/webpack.config.js

@@ -17,7 +17,8 @@ module.exports = {
             { test: /\.ts$/, include: /ClientApp/, loader: 'ts-loader', query: { silent: true } },
             { test: /\.html$/, loader: 'html-loader' },
             { test: /\.css$/, loaders: [ 'style-loader', 'css-loader' ] },
-            { test: /\.(png|woff|woff2|eot|ttf|svg)$/, loader: 'url-loader?limit=100000' }
+            { test: /\.(png|woff|woff2|eot|ttf|svg)$/, loader: 'url-loader?limit=100000' },
+            { test: /\.json$/, loader: 'json-loader' }
         ]
     },
     plugins: [

templates/KnockoutSpa/package.json

@@ -23,6 +23,7 @@
     "history": "^4.3.0",
     "isomorphic-fetch": "^2.2.1",
     "jquery": "^2.2.1",
+    "json-loader": "^0.5.4",
     "knockout": "^3.4.0",
     "raw-loader": "^0.5.1",
     "style-loader": "^0.13.1",

templates/KnockoutSpa/webpack.config.js

@@ -17,7 +17,8 @@ module.exports = {
             { test: /\.ts$/, include: /ClientApp/, loader: 'ts-loader', query: { silent: true } },
             { test: /\.html$/, loader: 'raw-loader' },
             { test: /\.css$/, loader: isDevBuild ? 'style-loader!css-loader' : ExtractTextPlugin.extract(['css-loader']) },
-            { test: /\.(png|jpg|jpeg|gif|svg)$/, loader: 'url-loader', query: { limit: 25000 } }
+            { test: /\.(png|jpg|jpeg|gif|svg)$/, loader: 'url-loader', query: { limit: 25000 } },
+            { test: /\.json$/, loader: 'json-loader' }
         ]
     },
     plugins: [

templates/ReactReduxSpa/webpack.config.js

@@ -14,7 +14,8 @@ var sharedConfig = () => ({
     module: {
         loaders: [
             { test: /\.tsx?$/, include: /ClientApp/, loader: 'babel-loader' },
-            { test: /\.tsx?$/, include: /ClientApp/, loader: 'ts-loader', query: { silent: true } }
+            { test: /\.tsx?$/, include: /ClientApp/, loader: 'ts-loader', query: { silent: true } },
+            { test: /\.json$/, loader: 'json-loader' }
         ]
     }
 });

templates/ReactSpa/package.json

@@ -20,6 +20,7 @@
     "file-loader": "^0.9.0",
     "isomorphic-fetch": "^2.2.1",
     "jquery": "^2.2.1",
+    "json-loader": "^0.5.4",
     "react": "^15.3.2",
     "react-dom": "^15.3.2",
     "react-router": "^2.8.1",

templates/ReactSpa/webpack.config.js

@@ -18,7 +18,8 @@ module.exports = {
             { test: /\.ts(x?)$/, include: /ClientApp/, loader: 'babel-loader' },
             { test: /\.tsx?$/, include: /ClientApp/, loader: 'ts-loader', query: { silent: true } },
             { test: /\.css$/, loader: isDevBuild ? 'style-loader!css-loader' : ExtractTextPlugin.extract(['css-loader']) },
-            { test: /\.(png|jpg|jpeg|gif|svg)$/, loader: 'url-loader', query: { limit: 25000 } }
+            { test: /\.(png|jpg|jpeg|gif|svg)$/, loader: 'url-loader', query: { limit: 25000 } },
+            { test: /\.json$/, loader: 'json-loader' }
         ]
     },
     plugins: [