在
Angular線上編輯器StackBlitz裡點選download按鈕,将開發好的整個Angular項目下載下傳到本地:
![](https://img.laitimes.com/img/__Qf2AjLwojIjJCLyojI0JCLicmbw5SYyUjYjhjN1kjNjlTOlBjYhhTN0UGZiN2N5UzYxQGZl9CX5d2bs92Yl1iclB3bsVmdlR2LcNWaw9CXt92Yu4GZjlGbh5yYjV3Lc9CX6MHc0RHaiojIsJye.png)
在指令行裡執行ng new <項目名稱>,生成一個項目的架構,我取名OnlineTest:
然後把從StackBlitz裡下載下傳到本地的項目解壓,将裡面的src檔案夾覆寫到ng new指令行生成的項目檔案裡的同名src檔案夾,然後執行指令行ng build --prod進行build,生成最後的靜态資源:
build好的靜态資源位于檔案夾dist内,如上圖所示。将這些build出來的靜态資源拷貝到web伺服器目錄下,以nodejs為例,使用如下的代碼進行加載:
最後的測試效果: