reload-template-webpack-middleware v1.0.5

reload-template-webpack-middleware

使用html-webpack-plugin，通过模板文件创建页面时，修改模板文件，页面不会重新加载刷新， 通过监听 html-webpack-plugin 提供的hook（html-webpack-plugin-after-html-processing）， 判断模板文件是否发生改变，从而刷新web页面

安装

 $ npm install --save-dev reload-template-webpack-middleware

使用

依赖：webpack-dev-middleware html-webpack-plugin

  webpack.config.js
  
  entry: ['reload-template-webpack-middleware/reload_plugin.js', 'index.js']  

    var express = require('express');
    var webpack = require('webpack'),
        reloadMiddlewareCreator = require('reload-template-webpack-middleware'),
        devMiddlewareCreator = require('webpack-dev-middleware');
        
    var config = require('./webpack.config.js');    
    var compiler = webpack(config);
    
    var app = express();
    
    var reloadMiddleware = reloadMiddlewareCreator(compiler);
    var devMiddleware = devMiddlewareCreator(compiler);
    
    // 使用中间件时 先devMiddleware后reloadMiddleware
    app.use(devMiddleware);
    app.use(reloadMiddleware);
    
    ....