首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何使webpack开发服务器运行在80端口和0.0.0.0端口上,使其可以公开访问?

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

Stack Overflow用户
提问于 2015-10-22 11:35:50
回答 12查看 290.1K关注 0票数 213

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

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

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

此外,如果可能的话,我如何让它在端口80上运行?

EN

回答 12

Stack Overflow用户

回答已采纳

发布于 2015-10-22 12:34:47

像这样的东西对我很管用。我猜这对你来说应该行得通。

使用以下命令运行webpack-dev

代码语言:javascript
复制
webpack-dev-server --host 0.0.0.0 --port 80

并在webpack.config.js中进行设置

代码语言:javascript
复制
entry: [
    'webpack-dev-server/client?http://0.0.0.0:80',
     config.paths.demo
 ]

注意:如果你使用的是热加载,你必须这样做。

使用以下命令运行webpack-dev

代码语言:javascript
复制
webpack-dev-server --host 0.0.0.0 --port 80

并在webpack.config.js中进行设置

代码语言:javascript
复制
entry: [
    'webpack-dev-server/client?http://0.0.0.0:80',
    'webpack/hot/only-dev-server',
     config.paths.demo
 ],

....
plugins:[new webpack.HotModuleReplacementPlugin()]
票数 273
EN

Stack Overflow用户

发布于 2016-04-18 01:26:17

这就是我怎么做的,它似乎工作得很好。

在webpack.config.js文件中添加以下内容:

代码语言:javascript
复制
devServer: {
    inline:true,
    port: 8008
  },

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

票数 143
EN

Stack Overflow用户

发布于 2016-05-17 20:52:33

使用以下参数配置webpack (在webpack.config.js中):

代码语言:javascript
复制
devServer: {
  // ...
  host: '0.0.0.0',
  port: 80,
  // ...
}
票数 81
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/33272967

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档