问题标签 [webpack-hmr]

有时在监视模式下运行 webpack 并编辑源文件时，我不确定 webpack 是否已打包我的更改。

每次 webpack 更新捆绑包时，有没有办法在控制台打印时间戳？

用于问题测试的简约存储库

我现在有最简单的项目结构：

套餐：

在 app.js 中，我只需要样式并使用 app.js 作为 webpack.config.js 中的条目，如下所示：

运行 webpack-dev-server：webpack-dev-server --hot --inline

之后，我得到了很好的 css 热替换，但不是 html。当我更改我的 index.pug 模板文件时，我收到一些控制台消息取决于 app.js 中是否需要 pug-template。

文件app.js（webpack 入口点）

用纯 html 代替 pug 是一样的。怎么可能修好？

我正在尝试使用 Express 服务器学习 React 和 Webpack。我想让 Webpack HMR 与 React Hot Loader 一起工作。当我启动服务器时，它也应该启动 webpack 进程，但我收到以下错误：

throw new WebpackOptionsValidationError(webpackOptionsValidationErrors);

错误，我想，告诉我我的配置不正确。

在我遇到这个错误之前（当我将 Webpack 从 1.14.0 更新到 2.2.0 时发生），它确实到达了入口点（app/main.jsx），但它没有得到我试图用 React 渲染的东西，我不知道为什么。它导致出现 Unexpected Token 错误，建议找到一个加载程序来处理该文件类型。

这是我的webpack.config.js：

我不是很确定，我从之前使用的启动器中选择了线路，从生成器中选择了另一条线路。

这个配置是从我的server.js文件中使用的：

我使用命令启动我的项目npm start，这是我的package.json：

到目前为止，我不知道该怎么做。

我知道对此有很多问题，但我正在寻找 2 天内 14 小时的解决方案。

我正在尝试为自己建立一个开发环境，但没有热自动更新的运气。

我将 webpack.config 入口点更改为'webpack/hot/dev-server'. 当我在浏览器上输入该网站时，http://localhost:3000/我得到了该网站。在控制台中，它说：[HMR] Waiting for update signal from WDS...但是当我更新某些内容时，页面不会重新加载。什么都没发生。我可以看到 webpack 捕获了更改并更新了包。当我使用 F5 重新加载页面时，我可以看到更改。

当我输入http://localhost/webpack-dev-server/它时，它会在我进行更改时更新页面。但它会重新加载整页。

我知道这可能是一个简单的解决方案，但相信我，我 14 小时以来一直在努力寻找解决方案。我正在拉我的头发。

我所有的配置都是这样的：

包.json

webpack.config.dev.js

.babelrc

公共/index.html

我尝试将slatejs包实现到我的反应应用程序以创建我的自定义编辑器，它工作得很好，但热重载停止工作。当我import进入某个组件时它会停止。我使用 webpack-dev-server+react-hot-loader

首先我认为原因是我的自定义应用程序设置，但它不适用于https://github.com/facebookincubator/create-react-app 和https://github.com/davezuko/react-redux-入门工具包

据我所知slatejs，包使用browserify，也许这就是原因，但它不应该有影响，因为它只是一个包和react-hot-loader排除的webpack设置node_modules

谢谢！

我想在我的 React Electron 应用程序中使用 HMR。我该怎么做？我需要网络包吗？如何将它与 Electron 集成？

我正在尝试使用 Webpack 2和 Preact 设置热模块重新加载。它是“工作的”，因为它每次重新加载都会重新加载应用程序的全部内容，但我在热重新加载之间遇到错误（我认为这就是为什么单个组件不是唯一重新加载的原因）。

这是我的 webpack 设置的相关部分：

我的 index.jsx 文件如下所示：

当我对任何项目文件进行更改时，应用程序内容会重新加载，并且出现以下错误：

你们有谁以前得到过这个吗？我在谷歌上搜索了一整天，没有找到任何东西......

我已经对此进行了大量阅读，似乎 github 上提供了很多样板文件，它们都可以使用 webpack-dev-server 来重建客户端包。但是，我不确定服务器如何或是否重新加载热模块。有没有办法配置 webpack 以在服务器端启用 HMR？否则，似乎我更改的任何内容都不会由服务器呈现，只会在客户端刷新。

我的 webpack 配置看起来像这样：

server.js：

组件.js：

和client.js：

我webpack-dev-server --content-base src --inline --hot用来运行 webpack

如果相关源 JavaScript 文件已更改，我正在尝试运行一个简单webpack-dev-server的编译.bundle.js文件的文件。我现在不想启用热模块更换 (HMR)。

我让服务器正常工作，但它会在 JavaScript 控制台上打印以下错误：

我不清楚浏览器试图做什么，我看到了这些错误。（特别是因为捆绑包正在成功编译和服务）。

这是我的webpack.config.js：

这是我的package.json：

感谢您的任何帮助！

我正在尝试在 Visual Studio 2015 中将 Angular 2 与 HMR 集成。我有 2 个项目具有相同的文件内容和相同的目录结构，并且都将 HMR 与 Angular 2 一起使用。但是每个项目的 HMR 寻找不同的更新包。即对于 App1，它会查找 Typescript 文件（并且 JS 不会在 VS 中为它们生成），例如：

拥有模块 A 依赖于 B，而 B 依赖于 C。如果 C 更新，则整个包都会更新，效果很好。

但在 App2 中，它会查找 1 个 Typescript 文件main.ts和 2 个Javascript文件，例如：

如果 C 更新，模块不会更新，除非我明确修改 C 的 Javascript 文件（由 VS 在构建时生成）！

如果我更改了其中的任何一个，我如何告诉 Webpack HMR 查找这些 Typescript 文件并更新捆绑包。

我webpack.config.js的两个项目都是一样的，比如：