如何使 webpack 开发服务器在 80 端口和 0.0.0.0 上运行以使其可公开访问？

Question

我是整个 nodejs / reactjs 世界的新手，如果我的问题听起来很愚蠢，我深表歉意。所以我在玩 reactabular.js 。

每当我执行 npm start 它总是在 localhost:8080 上运行。

如何将其更改为在 0.0.0.0:8080 上运行以使其可公开访问？我一直在尝试阅读上述 repo 中的源代码，但未能找到执行此设置的文件。

另外，补充一点——如果可能的话，我如何让它在端口 80 上运行？

原文由 90abyss 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

像这样的东西对我有用。我猜这应该对你有用。

使用这个运行 webpack-dev

 webpack-dev-server --host 0.0.0.0 --port 80

并在 webpack.config.js 中设置

entry: [
    'webpack-dev-server/client?http://0.0.0.0:80',
     config.paths.demo
 ]

注意 如果您使用的是热加载，则必须这样做。

使用这个运行 webpack-dev

 webpack-dev-server --host 0.0.0.0 --port 80

并在 webpack.config.js 中设置

entry: [
    'webpack-dev-server/client?http://0.0.0.0:80',
    'webpack/hot/only-dev-server',
     config.paths.demo
 ],

....
plugins:[new webpack.HotModuleReplacementPlugin()]

原文由 Bhargav Ponnapalli 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

我就是这样做的，它似乎工作得很好。

在你的 webpack.config.js 文件中添加以下内容：

 devServer: {
    inline:true,
    port: 8008
  },

显然，您可以使用不与另一个端口冲突的任何端口。我提到冲突问题只是因为我花了大约 4 个小时。解决问题只是为了发现我的服务在同一个端口上运行。

原文由 bkane56 发布，翻译遵循 CC BY-SA 3.0 许可协议