koa2-webpack-middleware-plus
powered by koa-webpack-middleware
const devMiddleware hotMiddleware = var compiler = const devMiddleware = //devMiddleware.origin 指向原始的 webpack-dev-middleware 对象var hotMiddleware = //hotMiddleware.origin 指向原始的 webpack-hot-middleware 对象const koa = const app = app // enable hot-reload and state-preserving// compilation error displayapp // force page reload when html-webpack-plugin template changescompiler
Install by yarn
$ yarn add --dev koa2-webpack-middleware-plus
Depends
This middleware designd for koa2 ecosystem, make sure installed the right version:
yarn add --dev koa
Usage
See example/ for an example of usage.
const compile = appapp
HMR configure
-
webpack
plugins
configureplugins: -
webpack
entry
configureentry:'index':'koa2-webpack-middleware-plus/build/dev-client''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!