nginx – 如何部署我的Angular 2 Typescript Webpack应用程序

我实际上是用Typescript学习Angular 2,并根据角质种子项目(angular-seed)开发了一个小应用程序.我已经建立了应用程序的生产目的,并获得dist文件夹准备部署包含我的捆绑包文件如下所示：

dist/                    
  main.bundle.js              
  main.map         
  polyfills.bundle.js          
  polyfills.map            
  vendor.bundle.js         
  vendor.map

然而,作为一个更新鲜的,我不知道如何在我的EC2服务器上部署它.我读到,我必须配置Nginx服务器来服务我的静态文件,但是我必须配置它特别是使用我的包文件？我从来没有这样做过

请原谅我的错误.非常感谢！

最佳答案

你在正确的轨道上…..

只需在你的EC2上安装nginx.在我的情况下,我有一个linux Ubuntu 14.04安装在“数字海洋”上.

首先我更新了apt-get包列表：

sudo apt-get update

然后使用apt-get安装Nginx：

sudo apt-get install nginx

然后打开默认服务器块配置文件进行编辑：

sudo vi /etc/nginx/sites-available/default

删除此配置文件中的所有内容并粘贴以下内容：

server {
    listen 80 default_server;
    root /path/dist-nginx;
    index index.html index.htm;
    server_name localhost;
    location / {
        try_files $uri $uri/ =404;
    }
}   

要使更改生效,请重新启动webserver nginx：

sudo service nginx restart

然后将index.html和软件包文件复制到您的服务器上的/ path / dist-nginx,并且您已启动并运行.