AppShell generator

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

Create an app shell.

Hint

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

Options

--appDir#

The name of the application directory.

Type string
Default app

--appId#

The appId to use withServerTransition.

Type string
Default serverApp

--clientProject#

Name of related client app.

Type string

--index#

Name of the index file.

Type string
Default index.html

--main#

The name of the main entry-point file.

Type string
Default main.server.ts

--name#

Name of the app.

Type string

--outDir#

The output directory for build results.

Type string
Default dist-server

--root#

The root directory of the app.

Type string
Default src

--rootModuleClassName#

The name of the root module class.

Type string
Default AppServerModule

--rootModuleFileName#

The name of the root module file.

Type string
Default app.server.module.ts

--route#

Route path used to produce the app shell.

Type string
Default shell

--sourceDir#

The path of the source directory.

Type string
Default src
Aliases D

--test#

The name of the test entry-point file.

Type string

--testTsconfigFileName#

The name of the TypeScript configuration file for tests.

Type string
Default tsconfig.spec

--tsconfigFileName#

The name of the TypeScript configuration file.

Type string
Default tsconfig.server

--universalProject#

Name of related universal app.

Type string