added HtmlWebpackPlugin

estkin · Feb 12, 2016 · c3de411 · c3de411
1 parent 3af7579
commit c3de411
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 17 deletions.
diff --git a/public/index_development.html → index.html b/public/index_development.html → index.html
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "boilerplate",
-  "version": "1.1.4",
+  "version": "1.1.5",
   "description": "Front-end boilerplate for working with react, react-router, postcss, cssnext and webpack + hot reloading",
   "main": "webpack.config.js",
   "scripts": {
@@ -28,7 +28,9 @@
     "hot",
     "reload",
     "express",
-    "server"
+    "server",
+    "dev",
+    "production"
   ],
   "author": "estkin",
   "license": "MIT",
@@ -48,6 +50,7 @@
     "eventsource-polyfill": "^0.9.6",
     "express": "^4.13.4",
     "history": "^2.0.0",
+    "html-webpack-plugin": "^2.8.1",
     "postcss-cssnext": "^2.4.0",
     "postcss-import": "^8.0.2",
     "postcss-loader": "^0.8.0",

diff --git a/public/index_production.html b/public/index_production.html
diff --git a/server.js b/server.js
@@ -14,7 +14,7 @@ app.use(require('webpack-dev-middleware')(compiler, {
 app.use(require('webpack-hot-middleware')(compiler));
 
 app.get('*', function(req, res) {
-  res.sendFile(path.join(__dirname, '/public/index_development.html'));
+  res.sendFile(path.join(__dirname, '/index.html'));
 });
 
 app.listen(3000, 'localhost', function(err) {
@@ -23,5 +23,5 @@ app.listen(3000, 'localhost', function(err) {
     return;
   }
 
-  console.log('Listening at http://localhost:3000');
+  console.log('devServer is running at http://localhost:3000/');
 });
diff --git a/webpack.config.prod.js b/webpack.config.prod.js
@@ -3,6 +3,7 @@ const webpack = require('webpack');
 const autoprefixer = require('autoprefixer');
 const cssnext = require('postcss-cssnext');
 const impy = require('postcss-import');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
 
 module.exports = {
   devtool: 'source-map',
@@ -11,11 +12,11 @@ module.exports = {
   ],
   output: {
     path: path.join(__dirname, 'dist'),
-    filename: 'bundle.js',
-    publicPath: '/static/'
+    filename: 'bundle.js'
   },
   plugins: [
     new webpack.optimize.OccurenceOrderPlugin(),
+    new HtmlWebpackPlugin(),
     new webpack.DefinePlugin({
       'process.env': {
         'NODE_ENV': JSON.stringify('production')