diff options
author | Nevena Bojovic <nenabojov@gmail.com> | 2022-03-01 20:05:50 +0100 |
---|---|---|
committer | Nevena Bojovic <nenabojov@gmail.com> | 2022-03-01 20:05:50 +0100 |
commit | 291803c31f829fe0d32bb3207bc11def95a7408c (patch) | |
tree | c7d43107d79291b19d8c9eceefbe91c9f9a52acf /sandbox/testAppNevena/Front/node_modules/@schematics/angular/app-shell/app-shell-long.md | |
parent | 1fa69862057db4db53cfda5be9c24b4228ef63f7 (diff) |
Urađena test aplikacija. Povezan front i back.
Diffstat (limited to 'sandbox/testAppNevena/Front/node_modules/@schematics/angular/app-shell/app-shell-long.md')
-rw-r--r-- | sandbox/testAppNevena/Front/node_modules/@schematics/angular/app-shell/app-shell-long.md | 47 |
1 files changed, 47 insertions, 0 deletions
diff --git a/sandbox/testAppNevena/Front/node_modules/@schematics/angular/app-shell/app-shell-long.md b/sandbox/testAppNevena/Front/node_modules/@schematics/angular/app-shell/app-shell-long.md new file mode 100644 index 00000000..c8598833 --- /dev/null +++ b/sandbox/testAppNevena/Front/node_modules/@schematics/angular/app-shell/app-shell-long.md @@ -0,0 +1,47 @@ +An app shell lets Universal render a portion of your application via a route at build time. +This gives users a meaningful first paint of your application that appears quickly +because the browser can simply render the HTML without the need to initialize any JavaScript. + +Use this command with a routing app that is accompanied by a Universal server-side app. + +To create an app shell, use the following command. + +<code-example format="." language="bash"> + ng generate app-shell my-app +</code-example> + +- `my-app` is the name of your client application +- `server-app` is the name of the Universal (server) application + +The command adds two new architect build targets to your `angular.json` configuration file (along with a few other changes). + +<code-example format="." language="none" linenums="false"> +"server": { + "builder": "@angular-devkit/build-angular:server", + "options": { + "outputPath": "dist/my-app-server", + "main": "src/main.server.ts", + "tsConfig": "src/tsconfig.server.json" + } +}, +"app-shell": { + "builder": "@angular-devkit/build-angular:app-shell", + "options": { + "browserTarget": "my-app:build", + "serverTarget": "my-app:server", + "route": "shell" + } +} +</code-example> + +To verify the that the app has been built with the default shell content: + +1. Run the app-shell target. + + <code-example format="." language="bash"> + ng run my-app:app-shell + </code-example> + +1. Open `dist/app-shell/index.html` in your browser. + +The default text "app-shell works!" verifies that the app-shell route was rendered as part of the output. |