trailhead-landing/gulpfile.js at main · mostlymarvin/trailhead-landing · 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
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 clean = require( 'gulp-clean' );
const concatCss = require( 'gulp-concat-css' );
const postcss = require( 'gulp-postcss' );
const rename = require( 'gulp-rename' );
const cssnano = require( 'cssnano' );
const gulpnano = require( 'gulp-cssnano' );

//const { src, dest, watch } = require("gulp");
const sass = require("gulp-sass")(require('sass'));
const sourcemaps = require("gulp-sourcemaps");
const uglify = require("gulp-uglify");

gulp.task( 'watch', function () {
	gulp.watch( [ 'assets/css/**/*.css', 'assets/css/*.scss', 'assets/css/blocks/*.scss', 'assets/css/theme/**/*.scss', 'assets/js/**/*.js' ] ).on(
		'change',
		gulp.series(
			'clean-shared',
			'clean-blocks',
			'minify-shared',
			'minify-blocks',
      'clean-scripts',
      'scripts',
      'styles'
		)
	);
} );

gulp.task( 'clean-blocks', function () {
	return gulp
		.src( 'assets/css/blocks/*.min.css', {
			read: false,
			allowEmpty: true,
		} )
		.pipe( clean() );
} );

gulp.task('clean-scripts', function () {
  return gulp.src('./assets/js/dist/', {read: false, allowEmpty: true})
    .pipe(clean());
});

gulp.task('clean-custom-blocks', function () {
  return gulp.src('./inc/blocks/*/block.min.css', {read: false, allowEmpty: true})
    .pipe(clean());
});


/*
gulp.task( 'minify-blocks', function () {
	return gulp
		.src( 'assets/css/blocks/*.css' )
		.pipe( postcss( cssnano() ) )
		.pipe( rename( { suffix: '.min' } ) )
		.pipe( gulp.dest( 'assets/css/blocks' ) );
} );
*/

gulp.task( 'minify-blocks', function () {
	return gulp.src( './assets/css/blocks/*.scss', { base: "./assets/css/blocks"} )
    .pipe(sass({
      outputStyle: "expanded",
      includePaths: ["node_modules/susy/sass"]
    }).on("error", sass.logError))
    .pipe(gulpnano())
		.pipe( rename( { suffix: '.min' } ) )
		.pipe( gulp.dest( './assets/css/blocks' ) );
} );

gulp.task( 'minify-custom-blocks', function () {
	return gulp.src( './inc/blocks/*/*.scss', { base: "./inc/blocks/*/"} )
    .pipe(sass({
      outputStyle: "expanded",
      includePaths: ["node_modules/susy/sass"]
    }).on("error", sass.logError))
    .pipe(gulpnano())
		.pipe( rename( { suffix: '.min' } ) )
		.pipe( gulp.dest( './inc/blocks/*/' ) );
} );
/* Process main scss, autoprefix, save save expanded to dev, minified to build */
gulp.task("styles", () => {
  return gulp.src("./assets/css/*.scss", { base: "./assets/css"})
      .pipe(sourcemaps.init())
      .pipe(sass({
        outputStyle: "expanded",
        includePaths: ["node_modules/susy/sass"]
      }).on("error", sass.logError))
      //.pipe(autoprefixer())
      .pipe(gulp.dest("./assets/css/theme/dev/" ))
      //.pipe(rename({suffix:".min"}))
      .pipe(gulpnano())
      .pipe(sourcemaps.write("./maps"))
      .pipe(gulp.dest("./" ));
});

/* Process and minify js */
gulp.task("scripts", function() {
  return gulp.src("./assets/js/**/*.js", { base: "./assets/js"})
		.pipe(rename({suffix:".min"}))
    .pipe(uglify())
    .pipe(gulp.dest("./assets/js/dist/"))
});


gulp.task(
	'default',
	gulp.series(
		'clean-blocks',
		'minify-blocks',
    'clean-custom-blocks',
    'minify-custom-blocks',
    'clean-scripts',
    'scripts',
    'styles',
	)
);