динамическая генерация html

/*eslint-disable no-console */ 
import webpack from 'webpack'; 
import webpackConfig from '../webpack.config.prod'; 
import chalk from 'chalk'; 
 
process.env.NODE_ENV = 'production'; // this assures the Babel dev config doesn't apply. 
 
console.log(chalk.bgYellow('Generating minified bundle for production. This will take a moment...')); 
 
webpack(webpackConfig).run((err, stats) => { 
  if (err) { // so a fatal error occurred. Stop here 
    console.log(chalk.red(err)); 
    return 1; 
  } 
 
  const jsonStats = stats.toJson(); 
 
  if (jsonStats.hasErrors) { 
    return jsonStats.errors.map(error => console.log(chalk.red(error))); 
  } 
 
  if (jsonStats.hasWarnings) { 
    console.log(chalk.yellow('Webpack generated the following warnings: ')); 
    jsonStats.warnings.map(warning => console.log(chalk.yellow(warning))); 
  } 
 
  console.log(`Webpack stats: ${stats}`); 
 
  // if we got this far, the build succeeded. 
  console.log(chalk.green('Your app has been built for production and written to /dist!')); 
 
  return 0; 
});

import path from 'path'; 
import webpack from 'webpack'; 
import HtmlWebpackPlugin from 'html-webpack-plugin'; 
 
export default { 
  debug: true, 
  devtool: 'source-map', 
  noInfo: false, 
  entry: [ 
    path.resolve(__dirname, 'src/index') 
  ], 
  target: 'web', 
  output: { 
    path: path.resolve(__dirname, 'dist'), 
    publicPath: '/', 
    filename: "bundle.js" 
  }, 
  plugins: [ 
    // create html file that includes reference to bundled js 
    new HtmlWebpackPlugin({ 
      template: "src/index.html", 
      inject: true 
    }), 
 
    // eliminate duplicate packages when generating bundle 
    new webpack.optimize.DedupePlugin(), 
 
    // minify js 
    new webpack.optimize.UglifyJsPlugin() 
  ], 
  module: { 
    loaders: [{ 
        test: /\.js$/, 
        exclude: /node_modules/, 
        loaders: ['babel'] 
      }, 
      { 
        test: /\.css$/, 
        loaders: ['style', 'css'] 
      } 
    ] 
  } 
}