Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings

Commit 09470bb

Browse files
author
Meriéli Manzano
committed
Aula 314 a 330 final da seção 17: gulp
1 parent 85a28aa commit 09470bb

31 files changed

+19419
-1296
lines changed

‎gulp/css/build/css/estilo.min.css‎

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎gulp/css/build/index.html‎

Lines changed: 33 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<title>Processando CSS com Gulp</title>
7+
<link rel="stylesheet" href="css/estilo.min.css">
8+
</head>
9+
10+
<body>
11+
<header class="principal">
12+
<button class="botao-sucesso">Entrar</button>
13+
<button class="botao-destaque">Registrar</button>
14+
</header>
15+
<aside class="logo">
16+
<h1>Logo!</h1>
17+
</aside>
18+
<aside class="menu">
19+
<a href="#inicio">Inicio</a>
20+
<a href="#produtos">Produtos</a>
21+
<a href="#clientes">Clientes</a>
22+
<a href="#fornecedores">Fornecedores</a>
23+
</aside>
24+
<main class="conteudo">
25+
<h1>Título do Conteúdo</h1>
26+
<h2>Tópico 1</h2>
27+
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem</p>
28+
<h2>Tópico 2</h2>
29+
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam</p>
30+
</main>
31+
</body>
32+
33+
</html>

‎gulp/css/gulpfile.js‎

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
const { parallel } = require("gulp");
2+
const gulp = require("gulp");
3+
const sass = require("gulp-sass");
4+
const uglifycss = require("gulp-uglifycss");
5+
const concat = require("gulp-concat");
6+
7+
function transformacaoCSS() {
8+
return gulp
9+
.src("src/sass/index.scss")
10+
.pipe(sass().on("error", sass.logError)) // foi passada a referencia da função para o caso de ocorrer um erro ele ser exibido
11+
.pipe(uglifycss({ "uglyComments": true }))
12+
.pipe(concat("estilo.min.css"))
13+
.pipe(gulp.dest("build/css"));
14+
}
15+
16+
function copiarHTML(){
17+
return gulp
18+
.src('src/index.html')
19+
.pipe(gulp.dest('build/'));
20+
}
21+
22+
exports.default = parallel(transformacaoCSS, copiarHTML);

‎gulp/javascript/build/codigo.min.js‎

Lines changed: 2 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎gulp/javascript/gulpfile.js‎

Lines changed: 19 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -4,12 +4,24 @@ const concat = require("gulp-concat");
44
const uglify = require("gulp-uglify");
55
const babel = require("gulp-babel");
66

7-
function padrao(cb) {
8-
gulp.src("src/**/*.js").pipe(
9-
babel({
10-
comments: false, //comentarios nao serão transferidos pro arquivo final
11-
presets: ["env"], //irá pegar a versão mais nova do JS e converter pra um codigo mais antigo
12-
})
13-
);
7+
function transformacaoJS(cb) {
8+
return gulp
9+
.src("src/**/*.js")
10+
.pipe(
11+
babel({
12+
comments: false, //comentarios nao serão transferidos pro arquivo final
13+
presets: ["env"], //irá pegar a versão mais nova do JS e converter pra um codigo mais antigo
14+
})
15+
)
16+
.pipe(uglify()) //deixa o codigo minificado
17+
.on("error", (err) => console.log(err)) //caso ocorra algum erro irá imprimi-lo
18+
.pipe(concat("codigo.min.js")) //concatena todos arquivos minificados no arquivo de nome definido entre parenteses
19+
.pipe(gulp.dest("build")); //define o destino do arquivo
20+
}
21+
22+
function fim(cb) {
23+
console.log("Fim!!!!");
1424
return cb();
1525
}
26+
27+
exports.default = series(transformacaoJS, fim);

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /