Bower

Transcript

1. Bower a package manager for the web

2. @lucasmazza

3. None

4. disclaimer esta não é uma introdução prática ao Bower

5. Nando Vieira @ Guru SP Slides @ fnando.me/np Post @

   fnando.me/nq

6. "Bower is a package manager for the web. It offers

   a generic, unopinionated solution to the problem of front-end package management."
7. None

8. formato padrão para distribuição

9. versão (tag) URL de um repo commit diretório standalone

10. manifesto para definir dependências

11. module#518331e7d5 vendor/assets/components/module jquery-pjax#1.7.3 vendor/assets/components/jquery-pjax ᵋᴷᴷ jquery#2.0.3 momentjs#2.1.0 vendor/assets/components/momentjs jquery#2.0.3 vendor/assets/components/jquery

12. Distribuindo seu código em pacotes

13. Semantic Versioning http:/ /semver.org/

14. Defina os entrypoints Use o ‘main’ para definir os arquivos

    que o seu pacote expõe

15. Defina os entrypoints Disponibilizar versão precompiladas e minificadas não é

    nada mal :)

16. $ bower install jquery jquery-migrate.js jquery-migrate.min.js jquery.js jquery.min.js jquery.min.map

17. Não empacote tudo Remova arquivos desnecessários do seu pacote com

    a opção do ‘ignore’.

18. $ bower install bootstrap $ ls bower_components/bootstrap | wc -l

    28 ಠ_ಠ

19. documentação travis.yml & amigos exemplos LESS, CoffeeScript, SCSS Gruntfile, Rakefile,

    Makefile ✗

20. JS/CSS imagens e fontes LICENSE README.md CHANGELOG.md ✓

21. Teste o seu pacote $ bower install ~/code/github/thing $ ls

    bower_components/thing

22. Use e abuse do Git stable branches para bugfixes version

    tags como referência

23. Utilizando Bower no seu projeto

24. Pacotes no seu VCS nem todos desenvolvedores (e servers) precisam

    ter Node.JS

25. Integre o Bower ao stack da sua equipe

26. Ruby / Rails Sprockets 2.10 +

27. AMD rpflorence/bower-import

28. Grunt stephenplusplus/grunt-bower-install

29. Usando outra coisa? Contribua com novas ferramentas

30. Obrigado! https:/ /twitter.com/lucasmazza https:/ /speakerdeck.com/lucas