Angular 6 References/ CLI

AppShell generator

This is the documentation for Angular 6.
You can switch to the latest version Angular 10.
ng generate appShell [name] [--[argument]=[value]]
ng generate app-shell

Create an app shell.

App shell is a way to render a portion of your application via a route at build time. This gives users a meaningful first paint of your application because the browser does not need to initialize any JavaScript, just rendering the HTML.
Links & Tutorials



Name of related client app.
Type string


Name of related universal app.
Type string


Route path used to produce the app shell.
Type string
Default shell


Name of the app.
Type string


The appId to use withServerTransition.
Type string
Default serverApp


The output directory for build results.
Type string
Default dist-server


The root directory of the app.
Type string
Default src


Name of the index file.
Type string
Default index.html


The name of the main entry-point file.
Type string
Default main.server.ts


The name of the test entry-point file.
Type string


The name of the TypeScript configuration file.
Type string
Default tsconfig.server


The name of the TypeScript configuration file for tests.
Type string
Default tsconfig.spec


The name of the application directory.
Type string
Default app


The name of the root module file.
Type string
Default app.server.module.ts


The name of the root module class.
Type string
Default AppServerModule


The path of the source directory.
Type string
Default src
Aliases D