【问题标题】:[webpack-dev-server]Why even I haven't used HotModuleReplacementPlugin or set "hot:true",HMR is happen?[webpack-dev-server]为什么连我都没有使用 HotModuleReplacementPlugin 或设置“hot:true”,HMR 发生了?
【发布时间】:2017-06-03 14:57:08
【问题描述】:

我最近一直在学习 webpack-dev-server,webpack 文档告诉我当我尝试实现 HMR(hot-moudle-replacement)时,我应该使用 devServer。 hot to "Enable webpack's Hot Module Replacement feature",就像这样:

module.exports = {
   /*other thing ...*/
  hot:true
}

文档还告诉我 “请注意,您还必须包含一个新的 webpack.HotModuleReplacementPlugin() 才能完全启用 HMR” 就像这样:

 plugins:[
   new webpack.HotModuleReplacementPlugin()
 ]

但是!即使我没有使用上面提到的两种方法,HMR 仍然有效!!!对于 CSS,JS 事件 JSX

我很困惑

【问题讨论】:

  • 我无法通过 set "hot:false" 禁用 HMR

标签: webpack webpack-dev-server webpack-hmr


【解决方案1】:

首先,确保您不是confusing hot reloading with live reloading

其次,检查您的webpack-dev-server 选项。你有--inline --hot吗?

最后,看看你的 Babel 预设。我正在使用babel-preset-react-hmre,这会导致以下DevTools Console output

【讨论】:

    猜你喜欢
    • 2017-06-30
    • 2017-11-08
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-07-01
    • 2020-03-24
    • 2020-09-17
    相关资源
    最近更新 更多