webpack hot middleware for ThinkJS
GPL-3.0 License
webpack hot middleware for ThinkJS
$ npm install think-webpack-hot-middleware --save-dev
$ git clone https://github.com/lizheming/think-webpack-hot-middleware
$ cd think-webpack-hot-middleware/example
$ npm install
$ npm start
think-webpack-hot-middleware
should use with think-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()
]
};
See webpack-hot-middleware to find more usage.