leanfj.github.io/gulpfile.js at master · leanfj/leanfj.github.io · GitHub

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
var gulp = require("gulp");
var browserSync = require("browser-sync").create();
var sass = require("gulp-sass");
var autoprefixer = require("gulp-autoprefixer");
var concat = require("gulp-concat");
var rename = require("gulp-rename");
var uglify = require("gulp-uglify");

// Static Server + watching scss/html files
gulp.task("serve", function() {
  browserSync.init({
    server: {
      baseDir: "./",
      directory: true
    }
  });

  gulp.watch("sass/**/*.sass", gulp.parallel("sass"));
  gulp.watch("./js/main.js", gulp.parallel("concatjs"));
  gulp.watch("./**/*.html").on("change", browserSync.reload);
});

// Compile sass into CSS & auto-inject into browsers
gulp.task("sass", function() {
  return gulp
    .src("sass/**/*.sass")
    .pipe(sass().on("error", sass.logError))
    .pipe(
      autoprefixer({
        browsers: ["Last 2 versions"],
        browsers: ["> 2%"],
        browsers: [
          "Android 2.3",
          "Android >= 4",
          "Chrome >= 20",
          "Firefox >= 24",
          "Explorer >= 8",
          "iOS >= 6",
          "Opera >= 12",
          "Safari >= 6"
        ],
        cascade: false
      })
    )
    .pipe(gulp.dest("./css"))
    .pipe(browserSync.stream());
});

//Comprimir CSS
gulp.task("comprimir", function() {
  return gulp
    .src("sass/**/*.sass")
    .pipe(sass({ outputStyle: "compressed" }).on("error", sass.logError))
    .pipe(
      autoprefixer({
        browsers: ["Last 2 versions"],
        browsers: ["> 2%"],
        browsers: [
          "Android 2.3",
          "Android >= 4",
          "Chrome >= 20",
          "Firefox >= 24",
          "Explorer >= 8",
          "iOS >= 6",
          "Opera >= 12",
          "Safari >= 6"
        ],
        cascade: false
      })
    )
    .pipe(gulp.dest("./css"));
});

//Concatenar Javascript
var jquery = "./node_modules/jquery/dist/jquery.js";
var bootstrap = "./node_modules/bootstrap-sass/assets/javascripts/bootstrap.js";
var mainJS = "./js/main.js";

gulp.task("concatjs", function() {
  return gulp
    .src([jquery, bootstrap, mainJS])
    .pipe(concat("scripts.js"))
    .pipe(gulp.dest("./js/"))
    .pipe(rename("scripts.min.js"))
    .pipe(uglify())
    .pipe(gulp.dest("./js/"));
});

gulp.task("default", gulp.parallel("serve"));