dm-notification-center-sdk v0.0.10

notification-center-sdk

Compilação e Hot-Reload para Desenvolvimento

npm run dev

Compilação e Minificação para Produção

npm run build

Como publicar o pacote npm

Execute npm adduser na raiz do projeto, acesso link, e logue usando sua conta do npm. Após isso publique o pacote usando npm publish <nome-do-pacote>.

Como integrar esse web componente a uma aplicação angular

no arquivo app.component.ts adicione o campo schemas: [CUSTOM_ELEMENTS_SCHEMA],. Isso é necessário para o angular não interpretar o web componente importado como um componente angular

Nesse tutorial estou supondo que o nome da tag html e do pacote npm registrado para esse web componente é dm-notification-center-sdk

Instale esse web componente pelo nome dado ao pacote npm npm i dm-notification-center-sdk

Importe esse pacote no arquivo app.component.ts import 'dm-notification-center-sdk';. Ao importar o pacote o web componente automaticamente irá se registrar ao navegador, assim podendo já usar a sua tag livremente no html

Agora inseria a tag do web compoenente em algum template html da aplicação, como <dm-notification-center-sdk />, e verifique se o funcionamento está correto

Vídeo Tutorial