部署

參考資料:(https://angular.tw/guide/deployment)

在開發過程中,你通常會使用 ng serve 命令來藉助 webpack-dev-server 在本地記憶體中建構、監控和提供服務。但是,當你打算部署它時,就必須使用 ng build 命令來建構應用並在其它地方部署這些建構成果。

預設情況下,輸出目錄是 dist/project-name/。要輸出到其它資料夾,就要修改 angular.json 中的 outputPath

生產環境的優化

ng build --prod
  • 預先(AOT)編譯:預編譯 Angular 的元件範本。

  • 生產模式:部署到啟用了生產模式的生產環境。

  • 打包:把你的多個應用於函式庫檔案拼接到少量包(bundle)中。

  • 最小化:刪除多餘的空格、註釋和可選令牌。

  • 混淆/醜化:重寫程式碼,使用簡短的、不容易理解的變數名和函式名。

  • 消除死程式碼:刪除未參考過的模組和很多未用到的程式碼。

Last updated