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

我是新来的整个nodejs / reactjs世界,所以如果我的qs听起来很愚蠢,我很抱歉。 所以我在这里玩这个reactjs应用程序: https : //github.com/bebraw/reactabular

每当我做一个“npm开始”它总是运行在本地主机:8080

如何将其更改为在0.0.0.0:8080上运行以使其可公开访问? 我一直在尝试阅读上述回购的源代码,但没有find这个设置的文件。

还要补充一点 – 如果可以的话,如何让它在80端口上运行?

谢谢。

这样的事情为我工作。 我猜这应该适合你。

使用这个运行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()] 

这是我做到的,似乎工作得很好。

在你的webpack.config.js文件中添加如下内容:

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

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

configurationwebpack(在webpack.config.js中):

 devServer: { // ... host: '0.0.0.0', port: 80, // ... } 

我是JavaScript开发和ReactJS的新手。 我找不到一个适用于我的答案,直到查看react-scripts代码。 使用ReactJS 15.4.1+使用react-scripts,您可以使用环境variables来启动自定义主机和/或端口:

 HOST='0.0.0.0' PORT=8080 npm start 

希望这有助于像我这样的新人。

以下为我工作 –

1)在Package.json添加这个:

 "scripts": { "dev": "webpack-dev-server --progress --colors" } 

2)在webpack.config.js添加这个你导出的configuration对象:

 devServer: { host: "GACDTL001SS369k", // Your Computer Name port: 8080 } 

3)现在terminalinput: npm run dev

4)#3编译完成后,直接进入浏览器,inputhttp://GACDTL001SS369k:8080/

您的应用程序应该现在可以使用其他人可以在同一networking上访问的外部URL。

PS: GACDTL001SS369k是我的电脑名称,所以请更换你的机器上的任何东西。

如果您正在使用“create-react-app”创build的React应用程序,请转到您的package.json并进行更改

"start": "react-scripts start",

到…( unix

"start": "PORT=80 react-scripts start",

或…(

"start": "set PORT=3005 && react-scripts start"

以下在JSONconfiguration文件中为我工作:

 "scripts": { "start": "webpack-dev-server --host 127.0.0.1 --port 80 ./js/index.js" },