AppShell generator

This is the documentation for Angular 6.
You can switch to the latest version Angular 7.
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

clientProject#

Name of related client app.

Type string

universalProject#

Name of related universal app.

Type string

route#

Route path used to produce the app shell.

Type string
Default shell

name#

Name of the app.

Type string

appId#

The appId to use withServerTransition.

Type string
Default serverApp

outDir#

The output directory for build results.

Type string
Default dist-server

root#

The root directory of the app.

Type string
Default src

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

test#

The name of the test entry-point file.

Type string

tsconfigFileName#

The name of the TypeScript configuration file.

Type string
Default tsconfig.server

testTsconfigFileName#

The name of the TypeScript configuration file for tests.

Type string
Default tsconfig.spec

appDir#

The name of the application directory.

Type string
Default app

rootModuleFileName#

The name of the root module file.

Type string
Default app.server.module.ts

rootModuleClassName#

The name of the root module class.

Type string
Default AppServerModule

sourceDir#

The path of the source directory.

Type string
Default src
Aliases D