如何设置AWS Cloud9以使用webpack-dev-server运行现有JavaScript应用程序(在开发模式下)？

我试图让我的相当典型的JavaScript(React)应用程序在AWS Cloud9上以开发模式运行.我成功克隆了我的repo(使用https ugh),安装了我的npm软件包,并且可以在控制台中运行脚本.但是,我不知道如何在开发模式下运行和访问应用程序.有太多的文档,但他们似乎都在奔跑的部分跳舞.我的猜测是我需要以某种方式设置自定义主机和端口,但我还需要找到用于查看正在运行的应用程序的URL.

这是我的devServer配置：

devServer: {
  // Display only errors to reduce the amount of output.
  stats: "errors-only",
  host, // Defaults to `localhost`
  port, // Defaults to 8080
  overlay: {
    errors: true,
    warnings: true,
  },
}

解决方法:

1)您需要做的第一件事是在端口8080上运行react app.您可以通过将环境变量PORT设置为8080然后从AWS Cloud9终端启动react dev服务器来完成此操作.

export PORT=8080
npm start

有关详细信息,请查看此discussion on GitHub.

2)启动应用程序后,您可以通过单击预览 – >进行预览.预览在AWS Cloud9顶部运行应用程序.

有关详细信息,请查看此AWS Cloud9 doc

标签：javascript,amazon-web-services,webpack,webpack-dev-server,aws-cloud9
来源： https://codeday.me/bug/20190705/1389068.html