angular2-edge-app/gulpfile.js at master · flauc/angular2-edge-app · 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
var gulp = require('gulp'),
    autoprefixer = require('gulp-autoprefixer'),
    stylus = require('gulp-stylus'),
    browserSync = require('browser-sync').create(),
    series = require('stream-series'),
    inject = require('gulp-inject'),

    config = {
        // Sass
        stylus: './public/assets/style/**/*.styl',
        stylusMain: './public/assets/style/style.styl',

        clientDir: 'public/',
        index: 'public/index.html',

        // Vendor
        vendor: {
            js: [
                'node_modules/core-js/client/shim.min.js',
                'node_modules/zone.js/dist/zone.js',
                'node_modules/reflect-metadata/Reflect.js',
                'node_modules/systemjs/dist/system.src.js',
                'node_modules/socket.io-client/socket.io.js'
            ],

            css: [
                'public/assets/css/main.css'
            ]
        },

        system: {
            config: 'public/system.config.js',
            run: 'public/system.js'
        },

        buildDir: 'public/build/',
        browserSyncTarger: 'http://localhost:5000'

    };

// Stylus Task
gulp.task('stylus',() => {
    gulp.src(config.stylusMain)
        .pipe(stylus())
        .pipe(autoprefixer({browsers: ['last 2 version']}))
        .pipe(gulp.dest(config.clientDir))
        .pipe(browserSync.stream());
});

// Development Build
gulp.task('dev-build', ['stylus'], () => {

    var js = config.vendor.js;

    js.push(config.system.config);
    js.push(config.system.run);

    var target = gulp.src(config.index),
        cssStream = gulp.src(config.vendor.css, {read: false}),
        vendorStream = gulp.src(js, {read: false});

    return target
        .pipe(inject(series(vendorStream, cssStream), {addRootSlash: false, relative: true}))
        .pipe(gulp.dest(config.clientDir));
});

// Static Server + watching scss/html files
gulp.task('serve', () => {

    browserSync.init({
        proxy: {
            target: config.browserSyncTarger,
            ws: true
        }
    });

    gulp.watch(config.stylus, ['stylus']);
    // Watches for template changes
    gulp.watch(config.clientDir + 'app/**/**.js').on('change', browserSync.reload);
    gulp.watch(config.clientDir + "app/**/**.html").on('change', browserSync.reload);
});