Auto-generate main html

config.json

@@ -0,0 +1,3 @@
+{
+ "appMountId": "app"
+}

package.json

@@ -27,6 +27,9 @@
  "webpack"
  ],
  "dependencies": {
+ "html-webpack-harddisk-plugin": "0.0.2",
+ "html-webpack-plugin": "~2.22.0",
+ "html-webpack-template": "~5.1.1",
  "react": "~15.3.1",
  "react-dom": "~15.3.1"
  },

src/app/index.js

@@ -4,12 +4,12 @@ import ReactDOM from 'react-dom'
 import React from 'react'
 import App from './App'
 
-const rootEl = document.getElementById('root')
+const el = document.getElementById('app')
 ReactDOM.render(
  <AppContainer>
  <App />
  </AppContainer>,
- rootEl
+ el
 )
 
 if (module.hot) {
@@ -21,7 +21,7 @@ if (module.hot) {
  <AppContainer>
  <NextApp />
  </AppContainer>,
- rootEl
+ el
  )
  })
 }

webpack.config.js

@@ -1,6 +1,8 @@
 'use strict'
 
+const HtmlWebpackHarddiskPlugin = require('html-webpack-harddisk-plugin')
 const ExtractTextPlugin = require('extract-text-webpack-plugin')
+const HtmlWebpackPlugin = require('html-webpack-plugin')
 const autoprefixer = require('autoprefixer')
 const pkg = require('./package.json')
 const webpack = require('webpack')
@@ -20,6 +22,15 @@ module.exports = {
  modulesDirectories: ['node_modules']
  },
  plugins: [
+ new HtmlWebpackPlugin(Object.assign({}, config, {
+ template: require('html-webpack-template'),
+ alwaysWriteToDisk: true,
+ minify: {
+ removeComments: true,
+ collapseWhitespace: true
+ }
+ })),
+ new HtmlWebpackHarddiskPlugin(),
  new ExtractTextPlugin('css/bundle.css', { allChunks: true }),
  new webpack.optimize.OccurrenceOrderPlugin(),
  new webpack.optimize.DedupePlugin(),

webpack.dev.config.js

@@ -1,7 +1,10 @@
 'use strict'
 
+const HtmlWebpackHarddiskPlugin = require('html-webpack-harddisk-plugin')
 const BrowserSyncPlugin = require('browser-sync-webpack-plugin')
+const HtmlWebpackPlugin = require('html-webpack-plugin')
 const autoprefixer = require('autoprefixer')
+const config = require('./config.json')
 const webpack = require('webpack')
 const path = require('path')
 
@@ -22,6 +25,11 @@ module.exports = {
  modulesDirectories: ['node_modules']
  },
  plugins: [
+ new HtmlWebpackPlugin(Object.assign({}, config, {
+ template: require('html-webpack-template'),
+ alwaysWriteToDisk: true
+ })),
+ new HtmlWebpackHarddiskPlugin(),
  new webpack.HotModuleReplacementPlugin(),
  new BrowserSyncPlugin(
  // BrowserSync options