📦 veggiemonk / boilerplate-jspm-mithril-jsx-sass

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
61import gulp from 'gulp';
import shell from 'gulp-shell';
import msx from 'gulp-msx';
import sass from 'gulp-sass';
import sourcemaps from 'gulp-sourcemaps';
import concat from 'gulp-concat';
import browserSync from 'browser-sync';

browserSync.create();

const filePath = {
  src: {
    jsx:  'app/**/*.jsx',
    scss: 'app/**/*.scss',
    root: './'
  },
  dst: {
    js:   './app',
    css:  './css',
    root: './dist'
  }
};

// Static Server + watching scss/jsx files
gulp.task('serve', ['sass'], function () {

  browserSync.init({server: filePath.src.root});

  gulp.watch(filePath.src.scss, ['sass']);
  gulp.watch(filePath.src.jsx, ['jsx']).on('change', browserSync.reload);
});

// TODO: move some tasks to Makefile
gulp.task('build:dist', shell.task(['make']))

gulp.task('serve:dist', ['build:dist'], function () {
  browserSync.init({server: filePath.dst.root});
});


gulp.task('jsx', function () {
  return gulp.src(filePath.src.jsx)
    .pipe(msx({harmony: true, es6module: true}))
    .pipe(gulp.dest(filePath.dst.js))
});


gulp.task('sass', function () {
  gulp.src(filePath.src.scss)
    .pipe(sourcemaps.init())
    .pipe(concat('app.js'))
    .pipe(sass({outputStyle: 'compressed'}))
    .pipe(sourcemaps.write('.'))
    .pipe(gulp.dest(filePath.dst.css));
});


gulp.task('build', ['jsx', 'sass']);

gulp.task('default', ['serve']);