iT邦幫忙

0

在Local端預覽Angular建置的結果

WM 2019-04-29 15:30:50229 瀏覽

我們可以使用Angular CLI的命令ng build --prod來建置Angular App。

完成之後,在專案內會多一個dist資料夾,放的就是建置之後的檔案,再將該資料夾內容整個部署至server,Angular App就可以正式運作了。
https://ithelp.ithome.com.tw/upload/images/20190429/20112573ojxkOhw85S.jpg

那是否能先在local端測試build之後的結果,再部署至server端呢?

答案是可以,使用lite-server這套工具。

執行步驟

  1. 執行npm install -g lite-server安裝lite-server。
    https://ithelp.ithome.com.tw/upload/images/20190429/20112573ZMFc73wZ5T.jpg

  2. 安裝完成之後,進入dist資料夾中,再進入AngularApp(專案名稱,因人而異)資料夾,輸入lite-server命令,就可以在local端預覽結果了。
    https://ithelp.ithome.com.tw/upload/images/20190429/20112573OuTJwo4BJl.png

  3. 在瀏覽器顯示結果
    https://ithelp.ithome.com.tw/upload/images/20190429/201125735HaiJ5Fzwy.png
    預設的port是3000。


尚未有邦友留言

立即登入留言