single-spa-angular-cli

Helpers for building single-spa applications which use Angular Cli.

Example

An example can be found in the single-spa-angular-cli-examples repository.

Quickstart

First, in the child application, run npm install --save single-spa-angular-cli. Then, in your single-spa application, do the following:

// loader.js

import { loader } from 'single-spa-angular-cli';

const lifecycles = loader({
    name: 'app1',
    selector: 'app1-root',
    baseHref: '/app1'
});

export const bootstrap = [
    lifecycles.bootstrap
];

export const mount = [
    lifecycles.mount
];

export const unmount = [
    lifecycles.unmount
];

export const unload = [
    lifecycles.unload
];

Options

All options are passed to single-spa-angular2 via the opts parameter when calling singleSpaAngularCli(opts). The following options are available:

• name: (required) The name of the single spa application, ex : app.
• selector: (required) The angular application root tag, ex : app-root.
• container: (optional) The html container selector, ex : ".container" or "#container".
• baseHref: (required) The base href of your angular cli app, ex : /app.

Full documentation here

An example can be found in the single-spa-angular-cli-examples repository.