sniply/gulpfile.js at master · lohanitech/sniply · 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
var gulp = require('gulp'),
    del = require('del'),
    browserify = require('browserify'),
    rename = require('gulp-rename'),
    flatten = require('gulp-flatten'),
    browserSync = require('browser-sync').create(),
    tsify = require('tsify'),
    source = require('vinyl-source-stream'),
    sass = require('gulp-sass'),
    concat = require('gulp-concat'),
    sourcemaps = require('gulp-sourcemaps'),
    autoprefixer = require('gulp-autoprefixer'),
    plumber = require('gulp-plumber'),
    runSeq = require('run-sequence');

gulp.task('clean', function(){
    return del('dist/frontend/**/*', {force:true});
});
gulp.task('copy:scripts', function(){
    return gulp.src([
            "node_modules/reflect-metadata/Reflect.js",
            "node_modules/zone.js/dist/zone.js",
            "node_modules/monaco-editor/min/**/*"
          ])
        .pipe(gulp.dest('./dist/frontend/js'));
});
gulp.task('browserify',function(){
  return browserify({
        basedir: '.',
        debug: true,
        entries: ['src/frontend/app/main.ts'],
        cache: {},
        insertGlobals : true,
        packageCache: {}
    })
    .plugin(tsify)
    .bundle()
    .on('error', console.error.bind(console))
    .pipe(source('bundle.js'))
    .pipe(gulp.dest("dist/frontend/js"));
});
gulp.task('build-css', function() {
  return gulp.src('./src/frontend/app/styles/app.core.scss')
    .pipe(plumber())
    .pipe(sass())
      .pipe(sourcemaps.init())
       .pipe(autoprefixer())
       .pipe(rename('styles.css'))
       .pipe(concat('styles.css'))
       .pipe(sourcemaps.write('.'))
       .pipe(gulp.dest('./dist/frontend/css'));
});
gulp.task('copy:html',function(){
  return gulp.src([
    './src/frontend/**/*.html',
  ])
  .pipe(flatten())
  .pipe(gulp.dest('./dist/frontend'));
});
gulp.task('frontend', function(done){
    return runSeq('clean', ['build-css','copy:scripts','copy:html','browserify'], done);
});
gulp.task('clean-electron', function(){
    return del('dist/electron-package/**/*', {force: true});
});
gulp.task('copy:electron-manifest', function(){
   return gulp.src('./src/assets/package.json')
       .pipe(gulp.dest('./dist/electron-package'));
});
gulp.task('copy:electron-scripts', function(){
    return gulp.src('./src/main/**/*')
        .pipe(gulp.dest('./dist/electron-package'));
});
gulp.task('copy:spa-for-electron', function(){
    return gulp.src("./dist/frontend/**/*")
        .pipe(gulp.dest('dist/electron-package'));
});
gulp.task('electron', function(done){
    return runSeq('clean-electron','frontend', ['copy:electron-manifest', 'copy:electron-scripts', 'copy:spa-for-electron'], done);
});
gulp.task('frontend-watch',['frontend'],function(done) {
  browserSync.reload();
  done();
});
gulp.task('js-watch',['browserify'],function(done){
  browserSync.reload();
  done();
})
gulp.task('sass-watch',['build-css'],function(done){
  browserSync.reload();
  done();
})
gulp.task('html-watch',['copy:html'],function(done){
  browserSync.reload();
  done();
})
gulp.task('serve', ['frontend'], function (done) {
    browserSync.init({
        server: {
            baseDir: "./dist/frontend/"
        }
    });
    gulp.watch('./src/**/*.ts',['js-watch'],function(event){
      console.log('File ' + event.path + ' was ' + event.type + ', running tasks...');
    });
    gulp.watch('./src/**/*.html',['html-watch'],function(event){
      console.log('File ' + event.path + ' was ' + event.type + ', running tasks...');
    });
    gulp.watch('./src/**/*.scss',['sass-watch'],function(event){
      console.log('File ' + event.path + ' was ' + event.type + ', running tasks...');
    });
});