dziul/nx-angular-template

Scaffold projeto Nx Angular

Anotação

How to setup a Micro Frontend with Angular and Nx

module federation

1. npx create-nx-workspace [project_name] --preset=empty --nx-cloud=false

   cria um espaço de trabalho limpo, sem qualquer plugin e envolvimento com o nx cloud

2. cd [project_-_name]

3. npm install --save-dev @nrwl/angular

4. npx nx generate @nrwl/angular:app [application_name] --e2eTestRunner=none --routing --style=scss

   cria um aplicativo, sem teste e2e, com configuração de rota e scss

   ou criação de mfe

   npx nx g @nrwl/angular:app [app_name] --mfe --mfeType=[remote | host] --port=[number] --routing --e2eTestRunner=none --style=scss

   uma vez executado qualquer comando de criação de aplicativo, será adicionado algumas flag default em ./nx.json

Comandos

• Nx CLI

• @nrwl/angular:application

• @nrwl/angular:library

• @nrwl/storybook

• Workspace Generators

  • Generator options

    • adding-dynamic-prompts

• understanding-json-schema / conditionals

  comando para teste:

  npx nx workspace-generator [generator_name] [name] -d

Todas as flags de @nrwl/angular:app:

./node_modules/@nrwl/angular/src/generators/application/schema.d.ts

exemplo de config do schema, para seletor-html

{
   "prefix": {
      "type": "string",
      "format": "html-selector",
      "description": "The prefix to apply to generated selectors.",
      "alias": "p"
    }
}

Ref

• Dynamic Module Federation