天天看點

Angular應用的部署方式

Angular

 線上編輯器StackBlitz裡點選download按鈕,将開發好的整個Angular項目下載下傳到本地:

Angular應用的部署方式

在指令行裡執行ng new <項目名稱>,生成一個項目的架構,我取名OnlineTest:

Angular應用的部署方式

然後把從StackBlitz裡下載下傳到本地的項目解壓,将裡面的src檔案夾覆寫到ng new指令行生成的項目檔案裡的同名src檔案夾,然後執行指令行ng build --prod進行build,生成最後的靜态資源:

Angular應用的部署方式

build好的靜态資源位于檔案夾dist内,如上圖所示。将這些build出來的靜态資源拷貝到web伺服器目錄下,以nodejs為例,使用如下的代碼進行加載:

Angular應用的部署方式

最後的測試效果:

Angular應用的部署方式

繼續閱讀