backend/gulpfile.js at main · concough/backend · 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
var gulp = require('gulp');
var gutil = require('gulp-util');
var concat = require('gulp-concat');
var compass = require('gulp-compass');
var gulpif = require('gulp-if');
var uglify = require('gulp-uglify');
var minifyHtml = require('gulp-htmlmin');
var imagemin = require("gulp-imagemin");
var pngcrush = require("imagemin-pngcrush");
var uncss = require('gulp-uncss');
var rename = require('gulp-rename');
var rtlcss = require('rtlcss');
var clean = require('gulp-clean');

var js_sources = ['static/development/components/scripts/*.js'];
var sass_sources = ["static/development/components/sass/*.scss"];
var style_sources = ["static/development/components/sass/style.scss"];
var html_sources = ["static/development/html/**/*.html"];
var images_sources = ["static/development/images/**/*.*"];

var devOutputDir = 'static/development/';
var prodOutputDir = 'static/production/concough/';
var htmlOutputDir = 'templates/';
var imagesOutputDir = prodOutputDir + 'images';

var devSassStyle = "expanded";
var prodSassStyle = "compressed";


gulp.task('js', function () {
    gulp.src(js_sources)
        .pipe(concat('general_noauth.js'))
        .on('error', gutil.log)
        .pipe(gulp.dest(devOutputDir + 'js'))
        .pipe(uglify())
        .on('error', gutil.log)
        .pipe(gulp.dest(prodOutputDir + 'js'));
});

gulp.task('clean-images', function () {
  return gulp.src(imagesOutputDir, {read: false})
    .pipe(clean());
});


gulp.task('images', ['clean-images'], function () {
    gulp.src(images_sources)
        .on('error', gutil.log)
        .pipe(gulp.dest(prodOutputDir + 'images'));
});

gulp.task('clean-html', function () {
  return gulp.src(htmlOutputDir, {read: false})
    .pipe(clean());
});

gulp.task('html', ['clean-html'], function () {
   gulp.src(html_sources)
       .pipe(minifyHtml({
           collapseInlineTagWhitespace: true,
           collapseWhitespace: true,
           minifyCSS: true,
           minifyJS: true,
           removeComments: true,
           removeEmptyAttributes: true,
           removeRedundantAttributes: true,
           removeScriptTypeAttributes: true,
           removeStyleLinkTypeAttributes: true,
           useShortDoctype: true,
           processConditionalComments: true

       }))
       .on('error', gutil.log)
       .pipe(gulp.dest(htmlOutputDir));
});

gulp.task('compass', function () {
    gulp.src(style_sources)
        .pipe(compass({
            sass: devOutputDir + 'components/sass',
            images: devOutputDir + 'images',
            style: devSassStyle,
            relative_assets: true,
            line_comments: false

        }))
        .on('error', gutil.log)
        .pipe(gulp.dest(devOutputDir + 'css'));

    gulp.src(style_sources)
        .pipe(compass({
            sass: devOutputDir + 'components/sass',
            images: devOutputDir + 'images',
            style: prodSassStyle,
            relative_assets: true,
            line_comments: false

        }))
        .on('error', gutil.log)
        .pipe(gulp.dest(prodOutputDir + 'css'));

});

gulp.task('watch', function () {
    // gulp.watch(html_sources, ['html']);
    gulp.watch(js_sources, ['js']);
    gulp.watch(sass_sources, ['compass']);
    gulp.watch(images_sources, ['images']);
});

gulp.task('default', ['compass', 'js', "images", "watch"]);