问题标签 [webpack-dev-server]

为了使用我想集成到我的应用程序中的模块（我正在本地开发），我必须做两件事：
1）让我的应用程序在 HTTPS 上本地运行。
2) 使用特定域运行应用程序。

使用我用于本地开发的 Webpack 开发服务器，这两件事都应该很容易，但由于某种原因，它并没有像文档建议的那样工作。

我的webpack.config文件是：

我指向的路径已添加到我计算机上的 hosts 文件中，因此它应该与 localhost 默认值一样有效。

我的package.json文件有这个，因为它是开发服务器的启动脚本：

我进行了这些更改，然后在保存后使用 npm start 重新启动。问题是服务器仍然没有在 https 上运行，当我将浏览器指向新链接时，它什么也没显示。我发现的所有文档都使它看起来应该可以工作，所以我一定遗漏了一些明显的东西。

我想让 Rails 服务器加载一个 Angular 2 应用程序，所以我不必运行 2 个服务器。

作为 Angular 2 的起点，我使用了以下示例：https ://github.com/angular-class/angular2-webpack-starter

如果我运行 Rails 服务器并提供索引页面，Angular 2 应用程序将按预期加载。有几个链接 Home、Dashboard 和 Todo。单击时它们都起作用。

如果我直接打电话http://localhost:3000:/todo，我会收到路由错误。因此，为了解决这个问题，我的 rails 路由器中有以下内容：

get ':todo', controller: :home, action: :index

这将加载应用程序，但不会将我带到“待办事项”组件。

现在，如果我使用 webpack-dev-server 运行 Angular 2 应用程序（根据 repo 的说明），则不存在此问题。

看起来好像 webpack-dev-server 能够将所有请求重定向到 / 以允许 Angular 2 的路由接管并将用户引导到正确的组件。

任何帮助表示赞赏。

最近我一直在使用 Webpack（对我来说是新的）为 React 建立一个开发堆栈，当然希望从它提供的所有闪亮的便利中受益（顺便说一句，这些都很棒！）。在我在互联网上挖掘的大量资源中，我发现的特别好的一个是React Webpack Cookbook，它的每一步都像发条一样。但是，我偶然发现了一个问题，我花了几个小时才试图解决，无法在上述页面中找到解决方案，也无法在任何其他来源中找到解决方案：不会expose-loader在ReactChrome 中暴露于全局范围（未在其他浏览器）因此不允许 React DevTools 扩展运行. 我尝试混合 Cookbook 中的所有步骤，使用不同版本的 React，缩小/未处理，没有任何效果。

我想注入 webpack-dev-server.js 文件。
但是根据文档，这应该手动完成，并且只能使用完整的 url：

来自：http ://webpack.github.io/docs/webpack-dev-server.html#api

请注意 [...] WebpackDevServer API 没有内联模式。 <script src="http://localhost:8080/webpack-dev-server.js"></script> 应手动插入 HTML 页面。

来自：http ://webpack.github.io/docs/webpack-dev-server.html#hot-mode

文档中这两点的原因是什么？
为什么注入这样的脚本标签不是一个好主意<script src="/webpack-dev-server.js"></script>？

我还在 github 上打开了一个问题：https ://github.com/webpack/webpack/issues/1285

这是我目前的设置。我不明白如何强制 webpack 监视特定文件？例如，我想在/\.html$/更新任何文件匹配时触发编译。

我是 webpack 的新手，在尝试设置 webpack 时遇到了一些问题。

我有以下目录结构：

• 节点模块
• 公共（index.html、index.jsx）
• 成分
• webpack.config.js

在 index.html 我试图包括

当我尝试运行 webpack 开发服务器控制台时，它正在向我展示

以下是我的 webpack.config.js 文件：

我webpack-dev-server v1.10.1用来提升我的 Redux 项目，我有以下选项：

在 JS 中，我使用requestfromsuperagent来生成 HTTP GET 调用

但我得到了CORS错误：

有什么建议可以解决这个问题吗？非常感谢

是否可以在 webpack 开发服务器中代理 websocket 连接？我知道如何将常规 HTTP 请求代理到另一个后端，但它不适用于 websockets，大概是因为代理配置中的目标以 http://...

我需要问一下 webpack-dev-server 对 node-gyp 的依赖是否是绝对必要的？node-gyp 是许多在 windows 机器上开发的节点开发人员的噩梦。它需要一个 C++ 编译器，它会强制你下载 Visual Studio 和各种与节点开发无关的服务包。在我们的例子中 - 经过 1.6 Gigs 的安装和依赖后，我们仍然无法让 node-gyp 在 Windows 上工作......但是为什么 webpack-dev-server 需要 node-gyp 作为依赖？据我所知，它有一个带有socket.io的快速http服务器......单独的webpack包不需要node-gyp，那么为什么webpack-dev-server需要它呢？你能放下吗？它给开发人员带来了很多不必要的痛苦...... 这里的任何人都知道为什么 node-gyp 对 webpack-dev-server 至关重要？这种依赖可以去掉吗？众所周知，node-gyp 对于使用 windows 的开发人员来说是一个真正的痛苦......似乎依赖关系被 socket.io 中的 engin.io 中的 bufferutil 使用...... \webpack-dev-server\socket.io\ engine.io\ws\bufferutil 有解决方法吗？

我想使用 webpack-dev-server 在一个 PORT 上托管多个入口点。我当前的配置如下：

但似乎它现在对我不起作用。有什么帮助吗？