AppShell generator

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.

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