support hot reload in examples again

yyx990803 · yyx990803 · commit e874d069b045 · 2016-08-03T17:42:55.000-04:00
diff --git a/examples/server.js b/examples/server.js
@@ -1,18 +1,22 @@
 const express = require('express')
 const webpack = require('webpack')
 const webpackDevMiddleware = require('webpack-dev-middleware')
+const webpackHotMiddleware = require('webpack-hot-middleware')
 const WebpackConfig = require('./webpack.config')
 
 const app = express()
+const compiler = webpack(WebpackConfig)
 
-app.use(webpackDevMiddleware(webpack(WebpackConfig), {
+app.use(webpackDevMiddleware(compiler, {
   publicPath: '/__build__/',
   stats: {
     colors: true,
     chunks: false
   }
 }))
 
+app.use(webpackHotMiddleware(compiler))
+
 app.use(express.static(__dirname))
 
 const port = process.env.PORT || 8080
diff --git a/examples/webpack.config.js b/examples/webpack.config.js
@@ -10,7 +10,7 @@ module.exports = {
     const fullDir = path.join(__dirname, dir)
     const entry = path.join(fullDir, 'app.js')
     if (fs.statSync(fullDir).isDirectory() && fs.existsSync(entry)) {
-      entries[dir] = entry
+      entries[dir] = ['webpack-hot-middleware/client', entry]
     }
 
     return entries
@@ -40,7 +40,10 @@ module.exports = {
     new webpack.optimize.CommonsChunkPlugin('shared.js'),
     new webpack.DefinePlugin({
       'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV || 'development')
-    })
+    }),
+    new webpack.optimize.OccurenceOrderPlugin(),
+    new webpack.HotModuleReplacementPlugin(),
+    new webpack.NoErrorsPlugin()
   ]
 
 }
diff --git a/package.json b/package.json
@@ -57,6 +57,7 @@
     "vue": "^2.0.0-beta.5",
     "vue-loader": "^9.0.3",
     "webpack": "^1.12.8",
-    "webpack-dev-middleware": "^1.6.1"
+    "webpack-dev-middleware": "^1.6.1",
+    "webpack-hot-middleware": "^2.12.2"
   }
 }

Original file line number	Diff line number	Diff line change
`@@ -10,7 +10,7 @@ module.exports = {`
`10`	`10`	`const fullDir = path.join(__dirname, dir)`
`11`	`11`	`const entry = path.join(fullDir, 'app.js')`
`12`	`12`	`if (fs.statSync(fullDir).isDirectory() && fs.existsSync(entry)) {`
`13`		`- entries[dir] = entry`
	`13`	`+ entries[dir] = ['webpack-hot-middleware/client', entry]`
`14`	`14`	`}`
`15`	`15`
`16`	`16`	`return entries`
`@@ -40,7 +40,10 @@ module.exports = {`
`40`	`40`	`new webpack.optimize.CommonsChunkPlugin('shared.js'),`
`41`	`41`	`new webpack.DefinePlugin({`
`42`	`42`	`'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV \|\| 'development')`
`43`		`- })`
	`43`	`+ }),`
	`44`	`+ new webpack.optimize.OccurenceOrderPlugin(),`
	`45`	`+ new webpack.HotModuleReplacementPlugin(),`
	`46`	`+ new webpack.NoErrorsPlugin()`
`44`	`47`	`]`
`45`	`48`
`46`	`49`	`}`
Original file line number	Diff line number	Diff line change
`@@ -57,6 +57,7 @@`
`57`	`57`	`"vue": "^2.0.0-beta.5",`
`58`	`58`	`"vue-loader": "^9.0.3",`
`59`	`59`	`"webpack": "^1.12.8",`
`60`		`- "webpack-dev-middleware": "^1.6.1"`
	`60`	`+ "webpack-dev-middleware": "^1.6.1",`
	`61`	`+ "webpack-hot-middleware": "^2.12.2"`
`61`	`62`	`}`
`62`	`63`	`}`