-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathgulpfile.js
More file actions
117 lines (101 loc) · 2.97 KB
/
gulpfile.js
File metadata and controls
117 lines (101 loc) · 2.97 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
const gulp = require("gulp");
const { series, parallel } = require("gulp");
const concat = require("gulp-concat");
const cssmin = require("gulp-cssmin");
const rename = require("gulp-rename");
const uglify = require("gulp-uglify");
const images = require("gulp-imagemin");
const htmlmin = require("gulp-htmlmin");
const babel = require('gulp-babel');
const browserSync = require("browser-sync");
const borwserSync = require('browser-sync').create()
const reload = browserSync.reload
function tarefasCSS(cb) {
gulp.src([
"./node_modules/bootstrap/dist/css/bootstrap.css",
"./node_modules/@fortawesome/fontawesome-free/css/all.css",
"./vendor/owl/css/owl.css",
"./vendor/jquery-ui/jquery-ui.css",
"./assets/css/style.css",
])
.pipe(concat("styles.css"))
.pipe(cssmin())
.pipe(rename({ suffix: ".min" })) //libs.min.css
.pipe(gulp.dest("./dist/css"));
cb()
}
function tarefasJS(callback) {
gulp.src([
"./node_modules/jquery/dist/jquery.js",
"./node_modules/bootstrap/dist/js/bootstrap.js",
"./node_modules/@fortawesome/fontawesome-free/js/all.js",
"./vendor/owl/js/owl.js",
"./vendor/jquery-ui/jquery-ui.js",
"./vendor/jquery-mask/jquery.mask.js",
"./assets/js/custom.js"
])
.pipe(babel({
comments: false,
presets: ['@babel/env'],
comapct: true
}))
.pipe(concat("scripts.js"))
.pipe(uglify())
.pipe(rename({ suffix: ".min" })) //libs.min.js
.pipe(gulp.dest("./dist/js"));
return callback();
}
function tarefasIMG(callback) {
return gulp.src("./assets/images/*")
.pipe(
images({
pngquant: true,
optipng: false,
zopfling: true,
jpegRecompress: false,
mozjpeg: true,
gifsicle: true,
svgo: true,
concurrent: 10,
quiet: true,
})
)
.pipe(gulp.dest("./dist/images"));
}
//POC -- Proof of Concept
function tarefasHTML(callback) {
gulp.src('assets/*.html')
.pipe(htmlmin({ collapseWhitespace: true }))
.pipe(gulp.dest('dist'));
return callback()
};
gulp.task('server', function() { //*Outra forma de criar funções
browserSync.init({
server: {
baseDir: "./dist"
}
})
gulp.watch("./assets/**/*").on("change", process); //*Fica observando os arquivos para que atualize a página sempre que a pasta dist for atualizada
gulp.watch('./assets/**/*').on('change', reload)
})
function done(cb) {
console.log('Done')
return cb()
}
//* Series x Parallel
//* Series: Faz as funções em ordem
//* Parallel: Faz todas as funções ao mesmo tempo
const process = series( tarefasHTML, tarefasJS, tarefasCSS, done);
exports.styles = tarefasCSS;
exports.scripts = tarefasJS;
exports.html = tarefasHTML;
exports.images = tarefasIMG;
exports.default = process
//Gulp-concat Unifica os arquivos
//Gulp-cssmin Minifica o CSS
//Gulp-rename Renomeia o arquivo para .min
//Gulp-uglify deixa o arquivo feio e minifica ele
//Gulp-image Minifica imagens também
//npm install --save-dev [email protected]
// --save-dev Para ser uma dependencia de desenvolvedor
//npm install gulp-concat gulp-cssmin --save-dev