开发者社区> 问答> 正文

React开发中,还有必要配置HotModuleReplacementPlugin 插件?-配置报错

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
  } 
}



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

展开
收起
montos 2020-06-02 19:17:25 527 0
1 条回答
写回答
取消 提交回答
  • 我也是这样,其实我感觉 

    webpack-dev-server

    已经包含了热更新。

    ######

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

    2020-06-02 19:17:33
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
利用编译将 Vue 组件转成 React 组件 立即下载
React Native 全量化实践 立即下载
React在大型后台管理项目中的工程实践 立即下载