Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Bower

5a90a67fa1a92e6a4b605cfd8da5e375?s=47 Lucas Mazza
September 25, 2013

 Bower

Apresentação feita no encontro do 7Masters sobre JavaScript.

5a90a67fa1a92e6a4b605cfd8da5e375?s=128

Lucas Mazza

September 25, 2013
Tweet

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