webpack的模块热替换（HMR）的意思是说js改变了，也不用刷新吗？

Question

webpack的模块热替换（HMR）的意思是说js改变了，也不用刷新吗？还是说只是css？

现在改了js，我发现页面是刷新的，并不是热替换。

var path = require('path');
var webpack = require('webpack');
module.exports = {
    entry: ['webpack/hot/dev-server', path.resolve(__dirname, './src/js/index.js')],
    output: {
        path: path.resolve(__dirname, './build'),
        filename: 'bundle.js',
    },
    plugins: [
        new webpack.HotModuleReplacementPlugin()
    ],
    devServer: {
        hot: true,
        inline: true
    }

};

Answer 1

不是的， 如果js引入的css等发生改变的时候，不用刷新， 一些变量发生变化，但是这些变量还没有被使用的时候，是允许不刷新的，但是当修改积累到一定程度，webpack-dev-server会刷新页面的

Answer 2

我想你跟我遇到了一样的问题，你试着在入口js加上以下代码试试。

if (module.hot) {
  module.hot.accept();
}