Implement index.html to src folder

6cc901b9 · Max · Christopher Chedeau · 86bdbf96 · 6cc901b9 · 6cc901b9
Commit 6cc901b9 authored 8 years ago by Max Committed by Christopher Chedeau 8 years ago
Hide whitespace changes
Inline Side-by-side

Showing

with 19 additions and 2 deletions
+19 -2
--- a/src/index.html
+++ b/src/index.html
+<!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>
--- 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"' })
  ]
 };
--- 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 } })