https://github.com/wizsolucoes/web-components-schematic
Web-components schematic gerador de projeto com Web Components utilizando o Angular.
https://github.com/wizsolucoes/web-components-schematic
angular mfe-web schematics webcomponents
Last synced: 11 months ago
JSON representation
Web-components schematic gerador de projeto com Web Components utilizando o Angular.
- Host: GitHub
- URL: https://github.com/wizsolucoes/web-components-schematic
- Owner: wizsolucoes
- Created: 2023-04-04T20:49:41.000Z (about 3 years ago)
- Default Branch: master
- Last Pushed: 2024-11-07T18:46:35.000Z (over 1 year ago)
- Last Synced: 2025-03-28T23:44:05.503Z (about 1 year ago)
- Topics: angular, mfe-web, schematics, webcomponents
- Language: TypeScript
- Homepage: https://www.npmjs.com/package/@wizco/schematics-webcomponents
- Size: 2.69 MB
- Stars: 0
- Watchers: 4
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Rodando local
A pasta raiz é um projeto angular >15 simples. Nele você pode rodar e testar a estrutura normalmente.
📁 Existe uma pasta chamado ***application-webcomponents***, onde ali esta nosso pacote angular de schematics. **toda mudança do pacote acontece no application-webcomponents/**
### Como eu testo local essas mudanças.
Depois de alterar o que for preciso na pasta ***application-webcomponents***, volte para o repositório **raiz** e rode os seguintes comandos.
#### Modo simples
Foi criado um script para seguir todos os passos para testar o fluxo use ele para testes mais rápidos.
```bash
npm run run:local
```
#### Modo manual
```bash
npm run schematics:intall
```
> Acima estamos instalando as dependências dessa pasta especifica, que schematics do angular esta usando usando.
```bash
npm run schematics:build
```
> Acima iremos criar uma build daquele pacote para ser usado nos próximos passos. Ele vai criar uma build do angular schematics.
#### Agora precisamos testar e usar localmente esse build.
```
npm link ./application-webcomponents
```
> Agora usamos a o npm link para associar esse pacote NPM com angular nas nossas dependências.
Pronto tudo certo.
Sempre que alterar algum arquivo na pasta ***application-webcomponents***, deve seguir os passos de build e npm link.
## Vamos usar o pacote gerado.
Na pasta raiz do repositório, onde se encontra um projeto angular simples. Nele iremos testar e usar nossas mudanças.
```bash
ng g application-webcomponents:init
```
Isso é tudo por enquanto.