webpack怎么实现热更新html

Question

现在我想实现一个我修改html文件内容，页面自动更新。

现在我实现了修改scss文件，样式自动更新，但是如果我是改html文件DOM的话，还是要手动刷新才能展现。

有什么方法能实现html也能自动更新吗？？

var webpack = require('webpack');
var ExtractTextPlugin = require('extract-text-webpack-plugin');
var HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = {
    entry: {
        index: ['./src/index.js']
    },
    output: {
        filename: './dist/[name].js'
    },
    module: {
        loaders: [
            {
                test: /\.scss$/,
                loader: 'style-loader!css-loader!sass-loader'
            }
        ]
    },
    plugins: [
        new HtmlWebpackPlugin({template: './index.html'})
    ]
}

Answer 1

在入口文件里利用raw-loader加载一下你的index.html，这样就起到让webpack监控html的效果了

Answer 2

试一下webpack-dev-server吧

详解webpack-dev-server的使用

Answer 3

看下这个http://www.cnblogs.com/wonyun...提供实现html热更新的实现