Angular应用的部署方式
生活随笔
收集整理的這篇文章主要介紹了
Angular应用的部署方式
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
在Angular 在線編輯器StackBlitz里點擊download按鈕,將開發(fā)好的整個Angular項目下載到本地:
在命令行里執(zhí)行ng new <項目名稱>,生成一個項目的框架,我取名OnlineTest:
然后把從StackBlitz里下載到本地的項目解壓,將里面的src文件夾覆蓋到ng new命令行生成的項目文件里的同名src文件夾,然后執(zhí)行命令行ng build --prod進行build,生成最后的靜態(tài)資源:
build好的靜態(tài)資源位于文件夾dist內(nèi),如上圖所示。將這些build出來的靜態(tài)資源拷貝到web服務器目錄下,以nodejs為例,使用如下的代碼進行加載:
最后的測試效果:
要獲取更多Jerry的原創(chuàng)文章,請關(guān)注公眾號"汪子熙":
總結(jié)
以上是生活随笔為你收集整理的Angular应用的部署方式的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: SAP OData服务性能测量的四种办法
- 下一篇: 用了四年的联想Thinkpad P50,