Angular項目重新建、打包到nginx部署

最近我在給一個不懂計算機的朋友作一個小的應用程序，我想用Angular來作。通常咱們在IDE上開發的時候都會用npm start或者ng serve來啓動一個內部服務器，但是若是我把開發好的程序給朋友，怎麼才能讓他可以在本身的瀏覽器中打開呢？我這裏選擇了nginx服務器來部署個人程序。
1、新建Angular程序

• 安裝nodejs
• 安裝淘寶鏡像
  npm install -g cnpm --registry=https://registry.npm.taobao.org
• 安裝angular cli
  npm install -g @angular/cli
• 新建項目
  ng new myProj
• 安裝依賴包
  在有package.json的目錄下cnpm install
• IDE中運行
  ng serve 或 npm install， 在localhost:4200中查看

2、打包
ng build,會在項目文件夾下生成dist文件，裏面是打包後的文件。

3、部署

• 在nginx官網中下載nginx
• 把dist文件夾下的打包文件拷貝到nginx/html下並重命名爲myProj
• 修改conf/nginx.conf文件

location / {
            root   html/myProj;
            index  index.html index.htm;
        }

• 點擊nginx.exe啓動nginx
• 在瀏覽器中輸入localhost:80便可看到項目

這個時候，咱們只須要把nginx打包發給朋友，而後告訴他點擊nginx.exe後，在瀏覽器中輸入localhost:80便可。