Histórico da Página
1) Gerando módulos do Elements no projeto Angular 2+
...
Antes de executar o build do projeto para elements é importante validar se o componente migrado possui uma referência no arquivo de módulo app.module.elements.ts que fará a construção para angular elements, assim ele será acessível por tags HTML no portal em migração, exemplo:
2) Gerando o pacote do Elements no projeto em Angular 2+
...
Abra o terminal de comando dentro do projeto em angular com elements, e rode o comando do npm referente ao script que executa o build da aplicação para Angular Elements, exemplo:
3) Localizando os artefatos publicáveis
...
Após execução do comando, localize onde foram gerados os artefatos publicáveis do build do elements, por padrão são gerados dentro da pasta "dist":
4) Movendo os artefatos publicáveis
...
Dentro do diretório da geração dos arquivos, remova as pastas de "assets" e "config" e o arquivo index.elements.html pois os mesmos podem ser descartados, e caso sejam movidos para a aplicação em migração, poderão gerar inconsistências no sonar.
Copie o restante dos arquivos:
Depois cole-os na pasta destino onde ficarão os arquivos do elements para o projeto em migração (projeto que usará as telas geradas pelo elements):
5) Criando o componente no portal em migração
...
Dentro do projeto em migração, localize o nó/diretório interno do app onde ficará o novo componente conforme estrutura planejada, normalmente usa-se o mesmo diretório da tela antiga (caso possúa) em um subdiretório/pasta de nome "elements", exemplo:
Neste subdiretório precisão serem criados 4 arquivos novos, sendo eles:
- <nome do componente>.controller.js
- <nome do componente>.module.js
- <nome do componente>.route.js
- <nome do componente>.view.html
Import HTML Content
Visão Geral
Conteúdo das Ferramentas