@castrolol/xxxx v1.0.0
Sample of Component
Aqui você descreve o uso do seu componente
Não se esqueça de informar as dependencias que não veem via npm como jquery, bootstrap, etc.
Exemplo
<link rel="stylesheet" href="/node_modules/select2/dist/css/select2.css">
<script src="/node_modules/jquery/dist/jquery.min.js"></script>Aqui ;D
Uso do boilerplate
Não se esqueça de informar as dependencias que não veem via npm como jquery, bootstrap, etc.
Use a parta src para desenvolver o conteudo do seu componente, tentando sempre manter
o index.ts como centralizador dos modulos públicos do seu projeto...
//arquivo index.ts
export * from './meu-componente.component';
export * from './outro-componente.component';
import {MeuComponenteComponent} from './meu-componente.component';
import {OutroComponenteComponent} from './meu-componente.component';
//exportar todas as diretivas
export var MEU_COMPONENT_DIRECTIVES = [
MeuComponenteComponent,
OutroComponenteComponent
];Comandos
- Para NPM
npm start- Executa junto à um servidor local o samplenpm run package- Cria o package distribuivel do seu componente, pronto para ir para o npmnpm run publish- Gera o package e tenta atraves denpm publishenviar para o npm.npm run build- Compila o typescript para javascript utilizando o tsconfig.json Para Gulp
gulp package- Cria o package distribuivel do seu componente, pronto para ir para o npmgulp publish- Gera o package (viagulp package) e tenta atraves denpm publishenviar para o npm.gulp serve:sample- Executa junto à um servidor local o samplegulp compile- Compila o typescript para javascript utilizando o tsconfig.jsongulp clean- Limpa a pasta de samples e de buildgulp assets:copy- Copia o conteudo da pasta de assets (do sample) para a pastaserverpara desenvolvimento
Sample de testes
O comando para rodar o sample é
npm startEstrutura dos Samples
Para alterar o exemplo siga para a pasta sample/src e mude a aplicação angular2
que está lá contida.
Dentro da pasta sample/assets você pode mudar o seu index.html e colocar imagens
e coisas assim dentro da task em task/assets.task.js o comportamento é de copiar tudo
para server seguindo a hierarquia de pastas presente.