明明没有也能热部署，在React开发中，还有必要配置HotModuleReplacementPlugin 插件吗？

Question

RT, 网上文章清一色都说需要配置这个插件来热部署。

我也赞同热部署很重要很方便，但我现在没有配置这个插件，明明也能热部署自动刷新啊？下面是我的webpack配置：

module.exports = {
	
  entry:  __dirname + "/app/main.js",
  output: {
    path: __dirname + "/public",
    filename: "bundle.js"
  },

  module: {
    loaders: [
      {
        test: /.json$/,
        loader: "json"
      },
      {
        test: /.js$/,
        exclude: /node_modules/,
        loader: 'babel'
      },
      {
        test: /.css$/,
        loader: 'style!css'
      },
	  {
        test: /.less$/,
        loader: "style!css!less"
      }
    ]
  },

  devServer: {
    contentBase: "./public",
    colors: true,
    historyApiFallback: true,
    inline: true
  } 
}

所以，这个插件配置与否，到底有什么区别呢？

Answer 1

webpack的热重载有两种模式，一种是iframe的内部刷新，一种是全局组件替换。HotModuleReplacementPlugin插件可以实现组件差异性更换，在单页面应用中，有些界面需要一步一步操作才能看到。刷新页面会导致页面失效，使用这个插件就不会出现这种问题。我个人的一点看法，不对的地方还请包涵