use o Gulp para desenvolvimento front-end da web
se você ainda não descobriu como usar o gulp para automatizar o processo de compilação, pare e faça isso agora. Leva apenas um minuto e pode criar uma tonelada de …
Continuar lendogulp
Gulp: a moderna fábrica de front-end
Estou animado todos os dias, porque escrevo código de front-end com essas ferramentas incríveis que agora temos para criar aplicativos do lado do cliente com prazer. Eu gostava de JavaScript, …
Continuar lendoObtenha o número da versão package.json
Maneira muito simples de obter a versão do arquivo package.json. No seu gulpfile.js, você pode fazer algo assim: var pckg = require(‘./package.json’);console.log(pckg.version);
Continuar lendocss / file not found or unreadable. / gulp / gulp-sass / gulp-wait / node / node-sass / sass / scss / visual studio code / vs code
Código VS e Gulp-Sass: a combinação proibida
O problema: estou recebendo um erro em meu terminal Git Bash sempre que executo o gulp sass para tentar salvar minhas alterações de scss em css. Isso evita que o …
Continuar lendoRelatório de cobertura com gulp e istambul
Passei muito tempo nesta tarefa de cobertura de teste de unidade. Para obter o relatório de cobertura completo, incluindo arquivos que não são processados por teste de unidade (os mais …
Continuar lendoBrincando com gulpjs
Então, eu literalmente terminei de brincar com gulp – abri uma nova aba no sublime e comecei a digitar este artigo. Eu tenho usado o Grunt por um tempo para …
Continuar lendoCódigo lint antes do git push
Linting antes de empurrar pode ser útil. Claro, às vezes ver os problemas enquanto você escreve o código é ainda melhor, mas pode ser uma distração. Este script é executado …
Continuar lendoGulpfile para projetos com LESS, Browserify e React
Isso gulpfile.jsfornece o seguinte: Um jsdestino que constrói um pacote JavaScript usandobrowserify Um cssdestino que cria um único arquivo CSS usandoless Suporte para um –productionsinalizador, que reduzirá as fontes Um …
Continuar lendoExecução de tarefas Gulp personalizadas ao usar o servidor Ionic
O servidor Ionic é a maneira mais fácil de testar seu aplicativo enquanto ele ainda está em desenvolvimento. O serviço ionic inicia um servidor local e abre seu aplicativo em …
Continuar lendoDefinir e executar tarefas Gulp para cada ambiente em tempo real
Em um projeto recente que estávamos implantando no parse.com usando o Gulp, essa ideia foi muito útil: var gulp = require(‘gulp’);var path = require(‘path’);var sequence = require(‘run-sequence’);var environments = [‘mine’, …
Continuar lendoImagens embutidas com gulp-sass
A bússola que uso para projetos baseados em SCSS fornece contagem de funções úteis como inline-image. Descobri que esses estão realmente faltando quando alternado para gulp-sass(usando internamente node-sass) para folhas …
Continuar lendoExecutar tarefas de gole ou grunhir com make
Executando tarefas gulp com make Um dos meus objetivos ao desenvolver qualquer coisa é tornar a vida de outros desenvolvedores mais fácil. Quero que eles possam clonar um repo e, …
Continuar lendogulp: Obtenha uma lista de nomes de arquivos CSS como @imports
Eu criei uma resposta para esta pergunta do SO e estou compartilhando aqui em detalhes. Problema: uma grande estrutura de pastas possui vários arquivos .css (isso também funciona para: .styl, …
Continuar lendoGulpfile com relógio para React e Browserify
Tive alguns problemas com watchify para criar um gulp build para react e browserify, onde o pacote seria atualizado quando um arquivo de origem é alterado. Portanto, aqui está uma …
Continuar lendoInjete JS e CSS em HTML usando Gulp
Frameworks como Ruby on Rails injetam automaticamente todos os arquivos JS e CSS no HTML. Isso também é possível em uma pilha baseada em JS usando Gulp e dois plug-ins. …
Continuar lendousando gulp com browserify e watchify
Acabei de começar a brincar com o browserify com Gulp e demorou um pouco para ser configurado corretamente, mas agora eu tenho, uau … é realmente incrível. Tarefa browserify gulpfile.js …
Continuar lendo