koa-webpack-middleware
webpack-dev-middleware for koa2 with HMR(hot module replacement) supports.
Install
$ npm i koa-webpack-middleware -D
Depends
This middleware designd for koa2 ecosystem, make sure installed the right version:
npm i koa@next -S
Usage
See example/ for an example of usage.
const compile = appapp
HMR configure
-
webpack
plugins
configureplugins: -
webpack
entry
configure$ npm i eventsource-polyfill -Dentry:'index':// For old browsers'eventsource-polyfill''webpack-hot-middleware/client?path=/__webpack_hmr&timeout=20000''index.js' -
webpack
loader
configure$ npm i babel-preset-es2015 babel-preset-stage-0 -Dtest: /\.js$/loader: 'babel'query:'presets': 'es2015' 'stage-0'include: './src'}HMR for react project
$ npm i babel-preset-react babel-preset-react-hmre -Dtest: /\.jsx?$/loader: 'babel'query:'presets': 'es2015' 'stage-0' 'react''env':'development':'presets': 'react-hmre'include: './src' -
put the code in your entry file to enable HMR
React project do not need
if modulehotmodulehotaccept
That's all, you're all set!