1.0.0 • Published 8 years ago

@castrolol/xxxx v1.0.0

Weekly downloads
1
License
ISC
Repository
-
Last release
8 years ago

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 sample npm run package - Cria o package distribuivel do seu componente, pronto para ir para o npm npm run publish - Gera o package e tenta atraves de npm 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 npm gulp publish - Gera o package (via gulp package ) e tenta atraves de npm publish enviar para o npm. gulp serve:sample - Executa junto à um servidor local o sample gulp compile - Compila o typescript para javascript utilizando o tsconfig.json gulp clean - Limpa a pasta de samples e de build gulp assets:copy - Copia o conteudo da pasta de assets (do sample) para a pasta server 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.