如何使用外部IP访问webpack-dev-server

时间:2017-06-07 21:52:11

标签: reactjs webpack webpack-dev-server

我已经在webpack dev服务器上完全编码并运行了我的简单登录网站。如何用外部IP显示它?我已经在端口9000端口转发了我的路由器但是当我尝试www.myIp时:portnumber它无法工作。 下面是我的webpack dev服务器的webpack配置。

//Webpack config
module.exports = {
  entry: './app/main.js',
  output: {
    path: './app',
    filename: 'bundle.js'
  },
  devServer: {
    inline: true,
    contentBase: './app',
    port: 9000
  },
  module: {
    loaders: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        loader: 'babel'
      }
    ]
  }
}

1 个答案:

答案 0 :(得分:4)

设置主机属性:

devServer: {
    inline: true,
    contentBase: './app',
    port: 9000,
    host: '0.0.0.0'
  }

https://webpack.js.org/configuration/dev-server/#devserver-host-cli-only