@wizco/schematics-webcomponents

angular schematics web components

O Angular Schematics Web Components é um Schematic que permite gerar um projeto com Web Components utilizando o Angular.

---

---

Instalação

Para instalar o esquema, execute o seguinte comando no seu terminal, de acordo com a versão desejada:

npm i @wizco/schematics-webcomponents --save-dev --legacy-peer-deps

Versionamento

O Angular Schematics Web Components segue um esquema de versionamento padrão para facilitar o controle e garantir a compatibilidade adequada.

As versões disponíveis do pacote são:

Suporte	Versão
Angular 16	@wizco/schematics-webcomponents
Angular 14 e 15	@wizco/schematics-webcomponents@15.0.10

Recomendamos usar a versão correspondente ao Angular que você está utilizando em seu projeto. Isso garante que todas as funcionalidades e recursos sejam compatíveis e funcionem corretamente.

Como usar

Execute o comando no seu terminal.

ng g @wizco/schematics-webcomponents:init

Parâmetro	Descrição	exemplo
nome	Nome do projeto	usuarios	projects/usuarios
Tag do elemento	Nome do elemento	usuarios	<wc-usuarios-modules></wc-usuarios-modules>
porta	porta do modulo	4500	localhost:4500

Estrutura gerada

O esquema irá gerar um projeto com a seguinte estrutura:

├── src/
│   ├── projects/
│   │   ├── NOME/

Além disso, o pacote também adicionará scripts para a construção em ambiente de produção e staging.

scripts: {
  "run:all": "node node_modules/@angular-architects/module-federation/src/server/mf-dev-server.js",
  "extra:build:": "ng build --project NOME",
  "extra:build:staging": "ng build --configuration=staging"
}

Os scripts podem ser executados com os seguintes comandos:

# Roda local ambos os projetos
npm run run:all

# Produção
npm run extra:build

# Homologação
npm run extra:build:staging

Contruibuição

Para contribuir com o projeto, siga os passos abaixo:

• Clone o repositório e instale as dependências.
• Leia o guia para rodar local para saber como contribuir com o projeto.
• Abra um pull request e envia as alterações.