Eu criei um repositório no Github onde mantenho atualizado com um boilerplate para Gulp, o repositório era pra ser pessoal mas eu resolvi compartilhar.
\nTodo mundo já usou ou já ouviu falar dos pacotes do NodeJS os famosos npm, eu queria saber como fazer um e talvez, quem sabe, criar um pra saber que gostinho tem :)
\nEu gosto muito da ideia do Yeoman de poder iniciar um projeto rápido com os seus generators, dai eu pensei: \"Porque não fazer o um generator também?\"
\nDessa ideia que saiu o Generator Gulp Boilerplate.
\nA documentação do Yeoman é bem simples e fazer um generator é bem fácil, eu realmente não tive dificuldades e com a ajuda do blog do Da2k eu consegui publicar ele no repositório do npmjs.com.
\nComo o Yeoman é um componente do NodeJS então você deve instalar ele com o comando npm install, assim:
sudo npm install -g yoCom o Yeoman devidamente instalado em sua máquina basta só ir no repositório e escolher o generator que quer instalar, a escolha não vai ser fácil pois atualmente tem mais de 3 mil generators no repositório do Yeoman.
\n\n\nProcure por \"gulp-boilerplate\" no campo de busca que vc vai encontrar o meu generator por lá..
\n
Após escolher o seu generator basca clicar nele que você irá para o repositório do Github do generator, lá terá a documentação daquele generator, basta segui-la.
\nPara instalar o Gulp Boilerplate basta executar o seguinte comando:
\nsudo npm install -g generator-gulp-boilerplateSimples e fácil.
\nCrie um diretório para trabalhar e entre nele.
\nmkdir my-project\ncd my-project/Basta executar o generator que foi escolhido e instalado por você basta escrever yo e em seguida o \"slug\" do generator, assim:
yo gulp-boilerplateO generator vai criar todo o \"start\" do projeto pra você, sem reclamar ;)
\n\n\n\"Mas afinal o que tem de especial nesse tal Gulp Boilerplate pra me fazer instalar e usar ele?\"
\n
Calma jovem, vou listar abaixo todos os pacotes e as tasks do Gulp Boilerplate pra você não ficar ai todo curioso:
\ngulp default ou apenas gulp: executa a task gulp servegulp serve: executa o watch do projeto para os arquivos de .jade, .sass e .js e executa também um servidor usando o browser-sync e toda a vez que um arquivo HTML, CSS ou JS é alterado ele dá o reload nos navegadores.gulp html: usando os pacotes jade e gulp-jade essa tarefa processa arquivos .jadegulp sass: tarefa para executar o pré-processador SASS, aqui usamos o pacote gulp-compass.gulp lint: aqui executamos o lint para aquivos que estão em js/components/ que são os arquinos js de produção.gulp js: essa tarefa usa o pacote gulp-include para incluir arquivos JS como é feito em SASS e emseguida minificar e salvar em dois aquivos FILE.js e FILE.min.js.gulp images: usando gulp-imagemin e imagemin-pngquant reduzimos o tamanho de todas as imagens para produção.gulp fonts: apenas copiamos do diretório /src/fonts/ para dist/assets/fonts/gulp build: faz o build do projeto executando as tasks gulp html, gulp sass, gulp js, gulp images e gulp fontsBem, basicamente essa é a forma que eu trabalho com gulp, se você gostou da um like e um fork lá do repositório do projeto e comenta ai em baixo.
\nAbraço.
\n/end
","excerpt":"Eu criei um repositório no Github onde mantenho atualizado com um boilerplate para Gulp, o repositório era pra ser pessoal mas eu resolvi compartilhar…","timeToRead":4,"frontmatter":{"category":["gulp"],"date":"há 11 anos","datePublished":"2015-09-27T00:00:00.000Z","description":"Eu criei um repositório no Github onde mantenho atualizado com um boilerplate para Gulp, o repositório era pra ser pessoal mas eu resolvi compartilhar.","path":"/yeoman-generator-gulp-boilerplate","tags":["gulp","generator","yeoman"],"title":"Yeoman Generator Gulp Boilerplate","image":{"publicURL":"/static/yeoman-5ff3a946146c6cb519048cd74d3f18aa.jpg","name":"yeoman"}},"fields":{"readingTime":{"words":625}}}},"pageContext":{}}}