@castrolol/samplexxx
v2.1.0
Published
Boilerplate para iniciar seu node module de componente
Downloads
2
Readme
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 publish
enviar 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 publish
enviar 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 pastaserver
para desenvolvimento
Sample de testes
O comando para rodar o sample é
npm start
Estrutura 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.