问题标签 [hot-reload]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
432 浏览

spring-boot - 热插拔,热重载,实时重载

在此处输入图像描述

我对这三个词感到很困惑,它们之间有什么区别?图片来自热插拔

0 投票
0 回答
355 浏览

reactjs - 如何使用 react-hot-loader 重新加载 CSS 样式?

我有一些 React 应用程序正在开发中,它并不小(类似于 CRM,许多具有 CRUD 操作的组件)。我们正在使用热重载,但它不舒服,它没有正确地重新加载 redux-sagas,所以我们把它关掉了。

我们希望部分恢复热重载 - 仅用于样式表。我想使用 react-hot-loader 的方式是观察 *.less 文件的更改并在需要时重新加载它们。我们正在使用 Webpack 3.9、Less 3.0 和 less-loader 4.0

0 投票
6 回答
19501 浏览

flutter - Flutter Hot Reload 到多个设备

是否可以通过热重载连接多个设备?具体来说,同时使用 Android 和 iOS 模拟器。

0 投票
1 回答
185 浏览

android - 如何知道热重载是否足以应用 Flutter 应用程序中的更改?

Flutter 添加了一个非常好的功能,那就是热重载,我尝试了几次,但我注意到它并不能适用于所有东西,例如,如果我更改了应用程序的背景颜色并执行热重载,颜色会改变,但是有其他复杂的事情,热重载对他们来说还不够,我必须再次运行应用程序才能看到更改。所以我的问题是当我在我的应用程序中进行更改时如何知道热重载是否足以看到更改??

0 投票
3 回答
13153 浏览

javascript - sass 的 webpack 实时热重载

我正在为反应启动器构建工作流程,并希望在我对我的 scss 文件进行更改时让我的浏览器自动重新加载。

目前,当我对 index.js 文件(设置为我的入口点)进行更改时,webpack 将热重新加载。但是,当我在我的 scss 文件中更改/添加 scss 代码时,它会被编译,但 css 不会在任何地方得到输出,也不会触发浏览器重新加载。

我是 webpack 的新手,我真的很感激这里的一些见解。

这是我的 webpack.config.js

我的 index.js 入口点文件

还有我的 App 组件

0 投票
2 回答
6505 浏览

android - Android 的 Instant Run 与 Flutter 的 Hot Reload 和 React Native 的 Hot Reload 的区别?

目前,我正在开发 React Native 项目,当我在运行项目后摇晃手机时,它会给我实时更新。因为我也使用过 Flutter,所以它也为我提供了相同的输出。但是,在 Android 中有一个称为 Instant Run 的功能。

我用谷歌搜索了即时运行。并且某些结果不同 Instant Run 不是 Android Studio 的 Hot Reload。

所以,我想知道 Instant Run 和 Hot Reload 在工作和功能上的显着差异是什么?

0 投票
0 回答
853 浏览

django - 如何在 Django+React+Webpack 应用中实现热重载

我正在使用 Django 和 React Js 开发一个应用程序,我想在其上部署热重载,搜索后我意识到与 Django 和 Webpack 的最佳集成是 django-webpack-loader 所以我将它添加到我的项目中。这是我的项目的设置。

这是server.js文件:

webpack.config.js

包.json

当我运行命令node server.js时没有错误,然后当我进入应用程序时,我会在图像错误控制台中显示以下错误

0 投票
2 回答
277 浏览

angular - 通过 devtools 控制台为 Angular 应用程序断开特定选项卡的热重载

有没有办法通过使用 devtools 控制台窗口为特定的浏览器选项卡断开 Web 套接字与热重新加载我的 Angular 应用程序的连接?

当我在另一个启用热重新加载的选项卡中打开另一个实例时,我需要将应用程序保持在特定状态。

0 投票
3 回答
4309 浏览

vue.js - Vuejs热重载无法读取未定义的属性'Ctor'

更新时出现此错误:

我试图更改 vue-bootstrap、webpack、hot-reload 的版本,但我总是有这个错误。

这是我的 package.json

main.ts

路由器.ts

0 投票
4 回答
704 浏览

javascript - How can Babel be used without bundler, but with a dev-experience similar to webpack?

I'm trying to build a new project with ES6 modules without bundling. I still want to use babel-7 to translate TypeScript and JSX to JS. I find it hard to figure out how to set up a development-server for it. I couldn't find any kind of "babel-dev-server" that works similar to webpack-dev-server (hot-module-reloading, browser-sync, file-watcher).

One possibility would be to use browser sync as a static server on e.g. dist and run something like babel src --out-dir dist --watch in parallel. But this excludes hot-reloading and seems a bit clumsy to me. Besides, it would still be useful for build- and dev-steps if you could give the JS-files a hash to control caching better. Or can I configure a build-tool like webpack so that it doesn't perform bundling but still performs some transformations (like putting the hashs in the filenames in imports)?