无法让热模块在 Atom 中工作答案

【问题标题】：Cannot get Hot Module working in Atom无法让热模块在 Atom 中工作
【发布时间】：2017-07-18 06:44:31
【问题描述】：

我已经安装了我需要的所有东西（webpack、webpack-server），配置了我的 webpack.config.js 和 package.json，但 localhost:8080 仍然无法安全呈现。它也不会在安全的 localhost:8080/webpack-dev-server/index.html 上呈现。在手动重新加载时，它会完美呈现。

package.json：

webpack.config.js

npm run dev 成功执行，但在对父文件夹中的 index.html 进行一些更改后，我还必须手动重新加载页面。另外，当我更改我的 .js 文件时，我总是必须在我的 cmd 中手动运行 webpack。如果我是正确的，热加载也应该解决这个问题。

我还要补充一点，当我运行 CTRL+s 时，应用程序正在重新编译，但实际上并没有重新编译。

【问题讨论】：

标签： javascript node.js webpack atom-editor hot-module-replacement

【解决方案1】：

我在实时重新加载更改时遇到了类似的问题。尝试在 index.html 中更改指向 bundle.js 的链接 <script src="/bundle.js"></script> 如果您在 npm start 之后查看控制台输出，则会出现类似的情况 webpack output is served from / Dev-server 从项目的根目录获取 bundle，而不是从 /js/bundle.js

【讨论】：

你一定是在开玩笑吧，马上+25。花了16个小时来解决这个问题。顺便说一句，我怎么知道捆绑包是从根目录中获取的？为什么没有某种警告...
文档中没有关于 webpack-dev-server 的这种行为。奇怪的是，如果我们使用webpack --watch，bundle.js 是在output.path 目录中创建的，而dev-server 在root 中创建了自己的bundle（但是你在文件管理器中看不到这个bundle，魔术）。