问题标签 [webpack-dev-server]

更改为：热加载在 docker 中不起作用，看起来这是一个 docker 问题。

在此之后：在本地主机上使用 webpack或此React 热加载器进行反应，它们工作正常，对我来说，它们的工作方式相同 - 我仍然不明白你为什么要安装React 热加载器？

但是在容器中运行它，更新/“热加载”在其中任何一个中都不起作用。所以这可能是一个码头专家的问题？

我正在尝试向 Gulp 中的 webpack-dev-server 模块添加回调。回调的目的是通知用户开发服务器启动的 URL。问题是在捆绑过程完成之前调用了回调。

如果我添加一个有效的固定超时，但这显然是不希望的。

问题：我在回调结构上做错了吗？为什么在捆绑完成之前调用它？

我在 Gulp 中的代码：

电流输出：

我所期待的：

艾伦

我有 2 个并行运行的构建（针对build/server/( target: 'node') 和build/client/( target: 'web')，所以不应该有文件交叉），有时（这是奇怪的部分 - 只是有时）我有以下内容：

只有client在server.

我试图自己弄清楚但没有运气...... AFAIU有两个socket.io版本用于不同的网络/节点目标，但不知何故他们搞砸了。

这是我的配置：

这是我正在运行的 gulp 任务：

除了热加载（我对文件进行更改时没有刷新或更改）之外，一切都按预期工作。我在这里做错了什么？

我正在使用 Tomcat 服务器的生态系统内部开发，该服务器为 java 和 javascript 的所有文件提供服务器，但我首先通过 WebPack 运行 javascript。

有什么方法可以使用 webpack-dev-server 和 hot-loader 来处理在 localhost:8080 上运行 Tomcat 服务器的 react/css/javascript 文件？

我有一些文件 Typescrypt->ES6->React JSX (ES6)->Webpack（带有 react-hot 和 babel）， react-hot 不刷新页面

一种是PersonDetailsComponent.cb.js 后面的某种代码 （从 TypeScript 编译）

然后是 PersonDetailsComponent.jsx（因为 TypeScript 编译器无法解析 JSX）

然后index.js块

一切正常，但是react-hot 不刷新页面然后我编辑并保存 jsx 文件。对于 ES5 格式的 jsx 文件，一切都在更新。我正在使用 webpack 和 react-hot 和 babel

有人知道这个问题吗？

使用 webpack 配置中的插件部分，我已经成功地将 webpack 开发服务器与节点服务器（express）一起正确使用。

一切正常，但现在我尝试同构并在 express 应用程序中使用客户端组件。

到目前为止，我遇到的唯一问题是，如果没有 webpack“解析”我的服务器端代码，我会遇到需要组件但路径没有解决的情况

IE

在组件内部

我应该以其他方式配置 webpack 还是必须将所有导入更改为有效的服务器端？

代码库在这里，以防您想查看实际状态https://github.com/vshjxyz/es6-react-flux-node-quickstart

有没有办法挂钩增量编译？当用户启动某些任务时，我只需要启动一次进程，然后在任务停止时停止它。即使它以“~”开头，重要的一点是不应在每次重新编译时重新启动进程。

更准确地说，我只想和~container:start一起启动webpack 开发服务器一次。并且不要在每次容器重启时重启 webpack。

我已经在 webpack 上学习了几个星期了，我已经看到了很多前端设置的例子，可能只是后端设置的这个例子。

我正在尝试设置一个带有节点后端（例如 express、koa、hapi 等）的 react 应用程序，我需要至少一个后端转换步骤（例如 babel、coffeescript 等），并且我认为在那里使用 webpack 以保持一致性而不是添加另一种构建机制（例如 gulp、grunt 等）会很好。

如果我可以对后端进行更改并让服务器自动重新启动（手表样式），那也很棒。

我想知道最好的方法是基本上有两个不同的项目设置，它们有自己的 package.json 和 webpack.config 文件。可能将后端嵌套server在顶层项目文件夹中的一个文件夹下，并使用顶层 package.json 文件中的一个或多个脚本指令来控制两者。

我想我可能必须将一台服务器代理到另一台服务器以避免 CORS 问题。

从那些比我经过更多 webpack 战斗测试的人那里寻找任何指导以获得一个体面的设置。

问候，托尼。

我有一个预先存在的项目，目前正在使用 gulp。

关键库/框架/语言是：

• MongoDB - 猫鼬
• AngularJS - 使用 ui-router，也使用 ngClassify
• ExpressJS - 带护照
• 节点JS
• 玉
• 咖啡脚本
• Sass - '.sass' 格式
• JPG/PNG 的

目前，所有内容都使用实时重新加载进行观看，使用 uglify 和 gzip 压缩进行缩小。我的角度 html 视图/指令片段被发送到模板缓存 js 文件中。甚至图像也使用 image min 缩小。

单页应用程序在设计上非常模块化，应用程序有多个“页面”，每个页面都有特定的用途（以个人资料页面为例），使用 ui-route 嵌套视图。并非所有用户都会使用每个页面。因此，为什么我选择转向 WebPack，每个“页面”都是一个模块。这个应用程序的目标是尽可能地反应。切换它们所在的页面/模块时可能会出现轻微的加载时间。

我当前的项目结构有一个 src 和 dist 目录，每个目录都有一个服务器和客户端文件夹。列表目录当然可以在每次构建时安全地删除。我目前没有原始 js 文件或原始 html（除了只需要我的 gulpfile.coffee 的 gulpfile.js），一切都由 gulp 预处理，仅此而已。

所以这是我的问题：

1. 我是否将我的大部分 gulpfile 替换为 webpack，并让 webpack 处理所有内容（这样做有什么好处）。还是我创建一个中间文件夹（gulp 输出），然后在该文件夹上运行 webpack（只处理缩小的 js/css/html 文件）。基本上，知道我的库/框架是什么，以及我的情况，你将如何构建构建过程？
2. 您可以使用 ngClassify app.coffee 文件作为入口点吗？还是必须先编译。（如果可以，怎么做？）