ng 服務端渲染

官網文檔
教學視屏
ng-toolkit
@ng-toolkit/universalwebpack

注意:git

  • 使用 npm和yarn安裝項目依賴,不要使用cnpm
  • ng add @ng-toolkit/universal 成功後可能須要安裝 @angular/http 依賴
  • npm run build:prod 失敗,嘗試更新 webpack-cli 到 3.1.0 版本
  • 打包成功後執行 npm run server,在訪問 http://localhost:8080 查看源碼

當前環境:github

λ ng v

     _                      _                 ____ _     ___
    / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
   / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
  / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
 /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
                |___/


Angular CLI: 7.3.0
Node: 10.15.0
OS: win32 x64
Angular: 7.2.4
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser-dynamic, router

Package                           Version
-----------------------------------------------------------
@angular-devkit/architect         0.13.0
@angular-devkit/build-angular     0.13.0
@angular-devkit/build-optimizer   0.13.0
@angular-devkit/build-webpack     0.13.0
@angular-devkit/core              7.3.0
@angular-devkit/schematics        7.0.7
@angular/cli                      7.3.0
@angular/platform-browser         6.1.10
@angular/platform-server          6.1.10
@ngtools/webpack                  7.3.0
@schematics/angular               7.0.7
@schematics/update                0.13.0
rxjs                              6.3.3
typescript                        3.2.4
webpack                           4.29.0
相關文章
相關標籤/搜索