Project Creation

Table of contents

  1. Prerequisites
  2. Create a new Angular project
  3. Test the project
  4. Module federation

Prerequisites

See Project Preparation - Frontend

Create a new Angular project

Create the project using Angular CLI commend:

ng new security --directory .

Test the project

  1. In Visual Studio Code, with no file open, press F5. Your browser should open and display the default Angular template.

Module federation

In a module federation architecture, Security Frontend is a Remote Module.

It’s configured to expose the shell required components.

To prepare the project as such, execute the following command:

ng add @angular-architects/module-federation --project sandcastle --type remote --port 4255

The exposed components are configured in the file webpack.config.js.