Implement index.html to src folder

mxstbr · vjeux · commit 6cc901b9ad95 · 2016-07-18T15:17:57.000-07:00
diff --git a/src/index.html b/src/index.html
@@ -0,0 +1,11 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>My React App</title>
+  </head>
+  <body>
+    <!-- A lot of magic happens in this file. HtmlWebpackPlugin automatically includes all assets (e.g. bundle.js) with the correct HTML tags, which is why they are missing in this HTML file. -->
+  </body>
+</html>
diff --git a/webpack.config.dev.js b/webpack.config.dev.js
@@ -74,7 +74,10 @@ module.exports = {
   },
   plugins: [
     // TODO: infer from package.json?
-    new HtmlWebpackPlugin({ title: 'My React Project' }),
+    new HtmlWebpackPlugin({
+      inject: true,
+      template: path.resolve(__dirname, relative, 'src/index.html'),
+    }),
     new webpack.DefinePlugin({ 'process.env.NODE_ENV': '"development"' })
   ]
 };
diff --git a/webpack.config.prod.js b/webpack.config.prod.js
@@ -74,7 +74,10 @@ module.exports = {
   },
   plugins: [
     // TODO: infer from package.json?
-    new HtmlWebpackPlugin({ title: 'My React Project' }),
+    new HtmlWebpackPlugin({
+      inject: true,
+      template: path.resolve(__dirname, relative, 'src/index.html'),
+    }),
     new webpack.DefinePlugin({ 'process.env.NODE_ENV': '"production"' }),
     new webpack.optimize.OccurrenceOrderPlugin(),
     new webpack.optimize.UglifyJsPlugin({ compressor: { warnings: false } })
