webpack - 静态网页 webpack hotloader 不工作

这是我刚刚创建的用于解决此问题的存储库：https ://github.com/DevCubeHD/WebpackStaticPage

首先：文件结构。你应该知道两个重要的文件夹来理解我的例子，以防它甚至不是惯例。该/src文件夹是所有原始内容所在的位置，该文/dist件夹是默认打包网站所在的位置。从那里它可以部署在任何服务器上。我不确定开发是否需要这个目录，但我希望你是。

我正在尝试为生产和开发设置两个 webpack 脚本。生产工作正常：脚本运行低谷，页面放入/dist.

在开发中，我想使用 webkit hotloader 来在我做一些更改时立即将更改应用到页面。它确实运行并且输出看起来非常好，但是当涉及到页面时它卡住[WDS] App hot update...并且不更新内容。即使刷新页面后，内容仍然是旧的。唯一有帮助的是运行生产脚本。

要运行开发脚本，请使用yarn start或npm run start。对于新/dist目录，您可以使用生产脚本yarn build或npm run build现在。

请帮助我修复 webback-dev-server，以便我可以有效地开发。：）非常感谢！

标签： webpackwebpack-dev-serverwebpack-html-loader

你应该使用HotModuleReplacementPluginfrom webpack。

plugins: [
    new webpack.HotModuleReplacementPlugin()
]