think-webpack-hot-middleware
v1.0.2 thinkjs webpack middleware
think-webpack-hot-middleware
webpack hot middleware for ThinkJS
Installation
$ npm install think-webpack-hot-middleware --save-dev
Exmaple
$ git clone https://github.com/lizheming/think-webpack-hot-middleware
$ cd think-webpack-hot-middleware/example
$ npm install
$ npm start
How To Use in ThinkJS 2.x
think-webpack-hot-middleware
should use withthink-webpack-dev-middleware
$ npm install think-webpack-dev-middleware --save-dev
add hook in
src/common/config/hook.js
export default { resource: ['webpack-dev', 'webpack-hot'] }
add hook middleware in
src/common/bootstrap/middleware.js
import webpackDevMiddleware from 'think-webpack-dev-middleware'; import webpackHotMiddleware from 'think-webpack-hot-middleware'; import webpack from 'webpack'; import config from '../../../webpack.config.js'; const compiler = webpack(config); think.middleware('webpack-dev', webpackDevMiddleware( compiler, { stat: { color: true } } )); think.middleware('webpack-hot', webpackHotMiddleware( compiler, { log: think.log } ))
add webpack-hot-middleware into
webpack.config.js
:var webpack = require('webpack'); module.exports = { entry: { main: [ 'src/index.js', 'webpack-hot-middleware/client?reload=true' ] }, plugin: [ new webpack.HotModuleReplacementPlugin() ] };
Advanced Configuration
See webpack-hot-middleware to find more usage.
License
npm i think-webpack-hot-middleware
Metadata
- GPL-3.0
- Whatever
- lizheming
- released 12/18/2016