1 00:00:03,320 --> 00:00:09,060 Agora é hora de passar para a segunda parte do exercício Gulp. 2 00:00:09,060 --> 00:00:13,300 Continuaremos fazendo etapas semelhantes às que fizemos na 3 00:00:13,300 --> 00:00:18,230 segunda parte do exercício de script NPM e no exercício atual. 4 00:00:18,230 --> 00:00:25,560 Então, vamos organizar para excluir a pasta de distribuição e, em seguida, copiar as fontes e, 5 00:00:25,560 --> 00:00:28,970 em seguida, reconstruir a pasta de distribuição, 6 00:00:28,970 --> 00:00:34,605 usando módulos de nó semelhantes 7 00:00:34,605 --> 00:00:41,325 como o que usamos para Grant e também os scripts NPM. 8 00:00:41,325 --> 00:00:46,390 Nosso próximo passo é configurar as tarefas para excluir 9 00:00:46,390 --> 00:00:51,305 a pasta de distribuição e também copiar as fontes para a pasta de distribuição. 10 00:00:51,305 --> 00:00:54,895 Então vamos configurar alguns módulos de nó. 11 00:00:54,895 --> 00:00:59,930 O primeiro que vamos configurar é chamado del. 12 00:01:02,970 --> 00:01:08,195 Este modelo de nó permite excluir uma pasta. 13 00:01:08,195 --> 00:01:13,655 E vamos em frente e configurar as tarefas Gulp. 14 00:01:13,655 --> 00:01:18,780 Com Gulp, felizmente, não precisamos instalar outro módulo para copiar 15 00:01:18,780 --> 00:01:24,505 porque os fluxos Gulp nos permitem fazer a cópia dos arquivos com pouco esforço. 16 00:01:24,505 --> 00:01:27,945 Indo para o arquivo Gulp, 17 00:01:27,945 --> 00:01:31,870 Eu vou apresentar o módulo Gulp misto, 18 00:01:31,870 --> 00:01:34,185 que eu vou dizer, del. 19 00:01:34,185 --> 00:01:39,575 E, em seguida, exigir o módulo del aqui. 20 00:01:39,575 --> 00:01:43,510 Então, uma vez que exigimos o módulo del lá, 21 00:01:43,510 --> 00:01:47,524 podemos ir em frente e configurar as tarefas. 22 00:01:47,524 --> 00:01:51,695 Então, vamos configurar primeiro a tarefa limpa aqui. 23 00:01:51,695 --> 00:01:54,730 Então, logo após a tarefa padrão, 24 00:01:54,730 --> 00:01:57,075 vou configurar a tarefa limpa. 25 00:01:57,075 --> 00:02:01,535 Então eu vou dizer, tarefa Gulp limpa. 26 00:02:01,535 --> 00:02:04,320 E como você pode ver, 27 00:02:04,320 --> 00:02:08,125 isso é configurado como a função lá. 28 00:02:08,125 --> 00:02:14,210 E dentro que nós diríamos, retorno del. 29 00:02:14,210 --> 00:02:20,885 E, em seguida, o parâmetro fornecido é a pasta de distribuição aqui. 30 00:02:20,885 --> 00:02:24,320 Então isso irá configurar a tarefa limpa. 31 00:02:24,320 --> 00:02:26,280 E uma vez que esta tarefa é executada, 32 00:02:26,280 --> 00:02:30,875 em seguida, a pasta de distribuição será excluída. 33 00:02:30,875 --> 00:02:40,525 Nossa próxima tarefa é copiar as fontes em sua pasta de distribuição. 34 00:02:40,525 --> 00:02:44,625 Então, eu diria, copie fontes. 35 00:02:44,625 --> 00:02:48,595 E como você pode ver, 36 00:02:48,595 --> 00:02:55,570 nós configuramos a função lá e, em seguida, fechamos a função. 37 00:02:55,570 --> 00:02:59,050 E então aqui, eu simplesmente diria, 38 00:02:59,050 --> 00:03:06,805 fonte Gulp e 39 00:03:06,805 --> 00:03:17,860 módulos de nó, fonte impressionante, fontes. 40 00:03:21,900 --> 00:03:33,370 Você pode me ver usando os padrões de globbing, bem ali. 41 00:03:39,140 --> 00:03:44,750 E então, uma vez que selecionamos todos os arquivos de origem, 42 00:03:44,750 --> 00:03:50,560 nós apenas os canalizamos para o arquivo de destino. 43 00:03:51,270 --> 00:03:54,645 Então, você percebe que não precisamos de 44 00:03:54,645 --> 00:04:01,450 um módulo específico para organizar a cópia dos arquivos. 45 00:04:01,450 --> 00:04:07,320 Nós simplesmente usamos os fluxos de origem e destino Gulp para ser capaz de 46 00:04:07,320 --> 00:04:12,965 canalizar os arquivos do local de origem para o local de destino. 47 00:04:12,965 --> 00:04:19,075 Então, esses dois irá configurar a tarefa de limpar e copiar fontes. 48 00:04:19,075 --> 00:04:24,010 Em seguida, vamos configurar o módulo NPM para a tarefa imagemin. 49 00:04:24,010 --> 00:04:26,865 Assim, o tamanho e a compressão das imagens. 50 00:04:26,865 --> 00:04:34,910 Então, para fazer isso, adicione o prompt digite Gulp imagemin. 51 00:04:34,910 --> 00:04:40,965 Este é o plugin Gulp correspondente ao módulo do nó imagemin. 52 00:04:40,965 --> 00:04:45,065 Então nós instalamos como Gulp plugin, 53 00:04:45,065 --> 00:04:47,860 que também é módulo nó. 54 00:04:47,860 --> 00:04:51,210 Assim que a instalação estiver concluída, 55 00:04:51,210 --> 00:04:54,120 vamos configurar essa tarefa imagemin. 56 00:04:54,120 --> 00:04:56,285 Indo para o nosso arquivo Gulp, 57 00:04:56,285 --> 00:05:05,700 vamos configurar a tarefa imagemin aqui. 58 00:05:05,700 --> 00:05:10,895 Então vamos configurar a tarefa imagemin como função. 59 00:05:10,895 --> 00:05:15,050 Como você pode ver, a estruturação do código para 60 00:05:15,050 --> 00:05:20,965 a definição de tarefa Gulp é praticamente padrão. 61 00:05:20,965 --> 00:05:25,110 Então, você diria fonte Gulp. 62 00:05:25,110 --> 00:05:29,650 Nós especificamos os arquivos de origem lá e os arquivos de origem 63 00:05:29,650 --> 00:05:38,695 na pasta de imagem os 64 00:05:38,695 --> 00:05:42,855 arquivos JPG, GIF e PNG de lá. 65 00:05:42,855 --> 00:05:50,370 E, em seguida, canalizá-los através da tarefa imagemin. 66 00:05:50,370 --> 00:05:54,285 E então eu vou configurar alguns parâmetros aqui. 67 00:05:54,285 --> 00:06:00,390 Então, vou configurar 68 00:06:00,390 --> 00:06:07,240 o nível de otimizações para três, progressivo como verdadeiro. 69 00:06:07,240 --> 00:06:14,534 Então, isso os transformará em imagens progressivas e entrelaçadas. 70 00:06:14,534 --> 00:06:19,570 Então, uma vez que isso é configurado, 71 00:06:20,630 --> 00:06:28,250 então o próximo passo é canalizá-los para o seu destino. 72 00:06:28,250 --> 00:06:36,435 E o destino aqui, como você pode ver, é a pasta de imagens na pasta de distribuição. 73 00:06:36,435 --> 00:06:40,110 Então, com isso, a tarefa imagemin agora está configurada. 74 00:06:40,110 --> 00:06:44,430 Agora, vamos construir a tarefa de construção aqui. 75 00:06:44,430 --> 00:06:50,105 Então, deixe-me configurar a tarefa de construção. 76 00:06:50,105 --> 00:06:52,580 Assim, para construir a tarefa, 77 00:06:52,580 --> 00:06:57,940 o que você gostaria de fazer é 78 00:06:59,150 --> 00:07:02,965 executar primeiro a tarefa limpa antes que 79 00:07:02,965 --> 00:07:05,005 as tarefas restantes sejam executadas 80 00:07:05,005 --> 00:07:08,220 porque queremos primeiro limpar a pasta de distribuição. 81 00:07:08,220 --> 00:07:11,810 E isso tem que ser concluído antes que as tarefas restantes sejam feitas. 82 00:07:11,810 --> 00:07:18,605 Com Gulp, as tarefas são executadas em paralelo automaticamente. 83 00:07:18,605 --> 00:07:21,980 E assim pode acontecer que, 84 00:07:21,980 --> 00:07:25,455 se você executar a tarefa limpa em paralelo com a tarefa restante, 85 00:07:25,455 --> 00:07:28,500 a tarefa limpa pode acabar terminando mais tarde e, 86 00:07:28,500 --> 00:07:31,430 em seguida, excluindo parte do trabalho que foi feito pelas tarefas restantes. 87 00:07:31,430 --> 00:07:34,580 Então, é por isso que quando você especifica a tarefa Gulp, 88 00:07:34,580 --> 00:07:36,920 se você especificar clean como o primeiro em, 89 00:07:36,920 --> 00:07:39,105 como o segundo parâmetro aqui, 90 00:07:39,105 --> 00:07:42,625 então isso significa que essa tarefa será concluída primeiro. 91 00:07:42,625 --> 00:07:45,730 E então as tarefas restantes serão executadas. 92 00:07:45,730 --> 00:07:48,395 Então, eu diria que o Gulp começa. 93 00:07:48,395 --> 00:07:49,830 Com o início Gulp, 94 00:07:49,830 --> 00:07:54,445 todas as tarefas que especificamos aqui serão executadas em paralelo. 95 00:07:54,445 --> 00:08:03,975 Então, eu vou executar a tarefa de copiar fontes e também a tarefa imagemin juntos. 96 00:08:03,975 --> 00:08:07,255 Mais tarde, vamos configurar a tarefa usemin e, em seguida, 97 00:08:07,255 --> 00:08:12,050 executar isso também juntamente com as fontes de cópia e imagemin. 98 00:08:12,180 --> 00:08:17,400 Uma última coisa que eu preciso adicionar antes de irmos em frente e executar 99 00:08:17,400 --> 00:08:23,120 as tarefas é subir aqui e, em seguida, exigir a imagemin. 100 00:08:23,120 --> 00:08:30,115 Eu diria que imagemin requer Imagemin Gulp. 101 00:08:30,115 --> 00:08:33,810 E, em seguida, salve as alterações. 102 00:08:34,670 --> 00:08:39,430 Vamos agora ir em frente e verificar a tarefa de compilação. 103 00:08:39,430 --> 00:08:45,400 No prompt, se o seu tipo Gulp construir, 104 00:08:45,400 --> 00:08:47,540 então ele deve realizar todas as três tarefas. 105 00:08:47,540 --> 00:08:50,440 Assim, você verá que ele inicia a tarefa limpa e 106 00:08:50,440 --> 00:08:54,290 conclui e, em seguida, ele inicia a tarefa de compilação real. 107 00:08:54,290 --> 00:08:56,905 Então, você pode ver que especificando 108 00:08:56,905 --> 00:09:00,075 a limpeza deve ser concluída antes que a compilação real aconteça, 109 00:09:00,075 --> 00:09:03,255 então você certifique-se de que você primeiro limpar a pasta de distribuição, em 110 00:09:03,255 --> 00:09:08,170 seguida, a tarefa de compilação que compreende as fontes 111 00:09:08,170 --> 00:09:14,140 de cópia e a imagemin, todos eles completando em paralelo serão executados depois disso. 112 00:09:14,140 --> 00:09:16,290 Indo para o editor, 113 00:09:16,290 --> 00:09:18,705 você verá que na pasta de distribuição, 114 00:09:18,705 --> 00:09:23,560 vemos que as fontes foram copiadas e as imagens foram copiadas corretamente. 115 00:09:23,560 --> 00:09:29,970 A última etapa é definir a tarefa usemin para construir a pasta de distribuição. 116 00:09:29,970 --> 00:09:32,895 Para configurar eles usemin tarefa, 117 00:09:32,895 --> 00:09:40,195 Eu vou instalar alguns plugins Gulp para que eu diria NPM instalar. 118 00:09:40,195 --> 00:09:46,310 E então eu iria instalar o plugin de arquivo Gulp feio, 119 00:09:46,310 --> 00:09:48,635 que obviamente também é um módulo de nó. 120 00:09:48,635 --> 00:09:57,170 E então vou instalar o módulo do nó usemin e, em seguida, o módulo do nó rev. 121 00:09:57,170 --> 00:10:02,580 O módulo de nó Gulp rev é como o plugin de concessão de rev gráfico de arquivo que vimos anteriormente. 122 00:10:02,580 --> 00:10:06,170 É um pouco diferente do arquivo rev que vimos antes, 123 00:10:06,170 --> 00:10:09,995 mas serve o mesmo propósito. 124 00:10:09,995 --> 00:10:20,315 Então, Gulp rev, então eu vou configurar Gulp limpo CSS e, em seguida, Gulp flatmap. 125 00:10:20,315 --> 00:10:24,390 Você verá a razão para isso como nós 126 00:10:26,270 --> 00:10:31,720 configuramos nossa tarefa usemin, assim, 127 00:10:31,720 --> 00:10:40,470 e gulp-html min e vamos em frente e instalar esses módulos aqui. 128 00:10:40,470 --> 00:10:43,070 Uma vez que os módulos são instalados, 129 00:10:43,070 --> 00:10:50,555 vamos em frente e exigir esses módulos em nosso gulpfile e, em seguida, configurar a tarefa usemin. 130 00:10:50,555 --> 00:10:54,620 Indo para o nosso gulpfile bem no topo, 131 00:10:54,620 --> 00:10:59,920 vou exigir os módulos que acabei de instalar. 132 00:10:59,920 --> 00:11:08,200 Então, o gole feio feio. 133 00:11:08,200 --> 00:11:11,820 Então, a tarefa feia, em seguida, 134 00:11:11,820 --> 00:11:19,590 a tarefa usemin gulp usemin, em 135 00:11:19,590 --> 00:11:21,970 seguida, 136 00:11:21,970 --> 00:11:32,850 o reverendo em seguida, 137 00:11:33,440 --> 00:11:38,620 esqueceu lá, vírgula lá. 138 00:11:38,620 --> 00:11:46,775 Tenha muito cuidado para não perder essas vírgulas lá. 139 00:11:46,775 --> 00:12:08,789 Então exigem gulp clean-css, depois flatmap, e htmlmin. 140 00:12:08,789 --> 00:12:18,360 Então estes são os módulos gulp 141 00:12:18,360 --> 00:12:19,970 que instalamos, 142 00:12:19,970 --> 00:12:24,580 então vamos salvar as alterações e então vamos descer e configurar a tarefa usemin. 143 00:12:24,580 --> 00:12:28,155 Chegando ao fundo do gulpfile, 144 00:12:28,155 --> 00:12:34,405 bem ali vou configurar a tarefa Usemin. 145 00:12:34,405 --> 00:12:36,940 Então, o que a tarefa Usemin faz? 146 00:12:36,940 --> 00:12:43,040 Assim, a tarefa usemin leva 147 00:12:43,040 --> 00:12:50,640 os arquivos htmle, em seguida, procura os blocos CSS e JavaScript nos arquivos 148 00:12:50,640 --> 00:12:55,610 html, combina, concatena e minifies e nuglifies os arquivos e, em seguida, 149 00:12:55,610 --> 00:13:01,325 substitui-los usando o arquivo concatenado na pasta de distribuição. 150 00:13:01,325 --> 00:13:02,965 Então, para começar, 151 00:13:02,965 --> 00:13:10,460 eu começaria primeiro especificando fonte gulp. 152 00:13:10,460 --> 00:13:12,455 Então, onde estão os arquivos fonte? 153 00:13:12,455 --> 00:13:17,090 Assim, os arquivos fonte são os arquivos htmlna pasta atual. 154 00:13:17,090 --> 00:13:24,830 Então gole. /start.html, então eu vou 155 00:13:24,830 --> 00:13:32,990 canalizar este gulpfiles através deste módulo gulp chamado como flatmap. 156 00:13:32,990 --> 00:13:34,535 O que o flatmap faz? 157 00:13:34,535 --> 00:13:37,980 Flatmap leva esses vários arquivos htmle, em seguida, 158 00:13:37,980 --> 00:13:42,415 inicia pipelines paralelos para cada um desses arquivos html. 159 00:13:42,415 --> 00:13:46,295 Cada um deles passando pelo mesmo conjunto de etapas e, finalmente, 160 00:13:46,295 --> 00:13:49,550 convergindo e copiando para a pasta de destino. 161 00:13:49,550 --> 00:13:52,560 Então, como você pode ver em nossa pasta atual, 162 00:13:52,560 --> 00:13:57,095 temos contactus.html, aboutus.html e index.html. 163 00:13:57,095 --> 00:14:00,020 Todos os três precisam ser processados. 164 00:14:00,020 --> 00:14:04,465 Então, o mapa plano nos permite processar estes em paralelo, 165 00:14:04,465 --> 00:14:10,280 iniciando o mesmo conjunto de pipe para cada um desses arquivos, 166 00:14:10,280 --> 00:14:12,910 então é por isso que estou fazendo uso do mapa plano lá. 167 00:14:12,910 --> 00:14:20,650 Então, flatmap e, em seguida, dentro do flatmap eu preciso especificar a função, 168 00:14:20,650 --> 00:14:25,315 os dois parâmetros; fluxo, arquivo. 169 00:14:25,315 --> 00:14:32,590 Então, o arquivo basicamente leva cada um desses arquivos de origem que nós especificamos lá, 170 00:14:32,590 --> 00:14:39,550 e então os trata para o mesmo conjunto de funções aqui, 171 00:14:39,550 --> 00:14:43,460 e então inicia seu fluxo separado para cada um deles. 172 00:14:43,460 --> 00:14:48,585 Então, eu vou retornar fluxo, 173 00:14:48,585 --> 00:14:52,990 e então eu vou canalizar cada um destes 174 00:14:53,070 --> 00:15:00,930 através da tarefa usemin que em si, 175 00:15:00,930 --> 00:15:08,240 compreende do css 176 00:15:09,630 --> 00:15:14,470 e feio JavaScript e html tarefa. 177 00:15:14,470 --> 00:15:20,965 Então, para o css, eu vou executar a parte de revisão. 178 00:15:20,965 --> 00:15:26,220 Então, a parte css obviamente fará a concatenação e minificação e assim por diante, 179 00:15:26,220 --> 00:15:29,520 e então aplica o rev para que ele atue 180 00:15:29,520 --> 00:15:34,930 essa string de 20 bits para o arquivo main.css lá. 181 00:15:34,930 --> 00:15:36,905 Então, para css eu configurei isso, 182 00:15:36,905 --> 00:15:39,440 e então para html, 183 00:15:39,440 --> 00:15:42,890 porque eu tenho vários arquivos html, 184 00:15:42,890 --> 00:15:45,745 eu preciso especificar isso como uma função, 185 00:15:45,745 --> 00:15:55,540 e dentro desta função eu diria retorno htmlmin. 186 00:15:55,570 --> 00:16:05,660 E, em seguida, dentro lá eu vou dar-lhe parâmetro CollapseWhitespace, 187 00:16:05,660 --> 00:16:11,955 e esse parâmetro seria definido como true. 188 00:16:11,955 --> 00:16:18,630 E assim isso essencialmente completa a parte html dele. 189 00:16:18,630 --> 00:16:24,970 E então a próxima é a parte js dela, 190 00:16:24,970 --> 00:16:26,160 a parte JavaScript dela, 191 00:16:26,160 --> 00:16:35,105 que eu preciso fazer o feio e, em seguida, a revisão para ele. 192 00:16:35,105 --> 00:16:44,060 E então, se eu tiver 193 00:16:44,060 --> 00:16:48,355 qualquer código javascript embutido, então eu preciso aplicar 194 00:16:48,355 --> 00:16:54,580 a tarefa feia para isso, 195 00:16:54,580 --> 00:16:57,435 e então para o código inlinecss, 196 00:16:57,435 --> 00:17:06,640 eu usarei a tarefa CleanCSS lá com concat como o parâmetro lá. 197 00:17:06,640 --> 00:17:09,880 Então, com isso, eu configurei minha tarefa de usemin. 198 00:17:09,880 --> 00:17:13,950 Por isso, irá atender a todas essas diferentes ações em meu nome. 199 00:17:13,950 --> 00:17:17,010 E, em seguida, uma vez que eles são feitos finalmente, 200 00:17:17,010 --> 00:17:22,420 os fluxos resultantes serão 201 00:17:22,420 --> 00:17:29,845 canalizados para a pasta de distribuição. 202 00:17:29,845 --> 00:17:34,290 Então, com isso, a tarefa usemin agora é toda configuração definida. 203 00:17:34,290 --> 00:17:36,295 Deixe-me salvar as alterações. 204 00:17:36,295 --> 00:17:41,900 E então eu vou descer para a tarefa de construção e, em seguida, depois imagemin eu vou também 205 00:17:41,900 --> 00:17:47,955 adicionar usemin como uma das tarefas a serem executadas pela tarefa de compilação. 206 00:17:47,955 --> 00:17:50,410 Então, com essas alterações, então, 207 00:17:50,410 --> 00:17:52,945 modificamos a tarefa de compilação, 208 00:17:52,945 --> 00:18:00,720 vamos em frente e, em seguida, verificar se a pasta de distribuição é construída corretamente ou não. 209 00:18:00,720 --> 00:18:04,315 Indo para o prompt, deixe-me digitar 210 00:18:04,315 --> 00:18:10,065 compilação gulp e, em seguida, esperar por gole para construir todas as tarefas diferentes. 211 00:18:10,065 --> 00:18:13,585 Levará um pouco de tempo para que o usemin conclua seu trabalho, 212 00:18:13,585 --> 00:18:18,265 e quando terminar a transformação, 213 00:18:18,265 --> 00:18:22,875 então minha pasta de distribuição deve estar pronta para ser visualizada. 214 00:18:22,875 --> 00:18:28,260 Indo para o editor agora você pode ver que a pasta de distribuição foi 215 00:18:28,260 --> 00:18:34,345 preparada aqui e você pode ver o índice, contato e aboutus.htmlfile. 216 00:18:34,345 --> 00:18:37,470 Você pode ver que quando você abre o arquivo index.html, 217 00:18:37,470 --> 00:18:39,365 ele foi compactado. 218 00:18:39,365 --> 00:18:42,605 E o htmlmin foi feito, 219 00:18:42,605 --> 00:18:46,515 em particular note como o arquivo css foi 220 00:18:46,515 --> 00:18:54,300 substituído por css/main- e então você verá uma longa string there.css. 221 00:18:54,300 --> 00:19:04,300 Então isso é exatamente como o arquivo rev que você viu em grunhido com o módulo gulp rev, 222 00:19:04,300 --> 00:19:06,960 isso é o que ele faz com o nome do arquivo. 223 00:19:06,960 --> 00:19:11,350 Então, se você olhar para o css você pode ver que o nome do arquivo é hífen principal e 224 00:19:11,350 --> 00:19:16,470 , em seguida, alguma string lá dot css e semelhante para o javascriptfile. 225 00:19:16,470 --> 00:19:20,345 Então, isso é o que o módulo gulp rev faz, 226 00:19:20,345 --> 00:19:22,505 e então todos esses três arquivos são preparados. 227 00:19:22,505 --> 00:19:26,850 Vamos dar uma olhada nesses arquivos no navegador. 228 00:19:26,850 --> 00:19:33,195 Indo para o navegador eu posso ver que há arquivos de origem estão sendo salvos corretamente. 229 00:19:33,195 --> 00:19:36,190 Deixe-me verificar a pasta de distribuição. 230 00:19:36,190 --> 00:19:38,220 Então, na pasta de distribuição, 231 00:19:38,220 --> 00:19:42,350 o index.html que foi preparado 232 00:19:42,350 --> 00:19:47,925 pela tarefa de compilação gulp parece estar funcionando corretamente. 233 00:19:47,925 --> 00:19:51,560 Deixe-me também verificar a página sobre, 234 00:19:51,560 --> 00:19:55,435 e podemos ver que sobre página também é construído corretamente, 235 00:19:55,435 --> 00:19:58,680 e também a página de contato. 236 00:19:58,680 --> 00:20:04,075 Então agora você pode ver que nossa tarefa de gole está concluída. 237 00:20:04,075 --> 00:20:07,105 Então, com isso, completamos este exercício. 238 00:20:07,105 --> 00:20:11,430 Neste exercício, configuramos a limpeza e a 239 00:20:11,430 --> 00:20:15,780 cópia dos arquivos de fonte para nossa pasta de distribuição, 240 00:20:15,780 --> 00:20:18,530 fizemos a tarefa imagemin e, finalmente, configuramos 241 00:20:18,530 --> 00:20:22,865 a tarefa usemin para construir nossa pasta de distribuição. 242 00:20:22,865 --> 00:20:26,140 Com isso, completamos este exercício. 243 00:20:26,140 --> 00:20:33,770 Este pode ser um bom momento para você fazer um bom comentário com a mensagem Gulp parte dois.