73 lines
1.8 KiB
JavaScript
73 lines
1.8 KiB
JavaScript
var gulp = require('gulp');
|
|
var sass = require('gulp-sass');
|
|
var babel = require('gulp-babel');
|
|
var concat = require('gulp-concat');
|
|
var rename = require('gulp-rename');
|
|
var uglify = require('gulp-uglify');
|
|
var sourcemaps = require('gulp-sourcemaps');
|
|
var browserSync = require('browser-sync');
|
|
// todo: rollup for d3 & possibly jsonld
|
|
|
|
var paths = {
|
|
"styles": {
|
|
"src": "./src/scss/*.scss",
|
|
"dest": "./assets/css/"
|
|
},
|
|
"scripts": {
|
|
"src": "./src/js/*.js",
|
|
"dest": "./assets/js/"
|
|
},
|
|
"data": {
|
|
"src": "./rubenvandeven.jsonld",
|
|
"dest": "./assets/rubenvandeven.jsonld"
|
|
}
|
|
};
|
|
|
|
gulp.task('styles', function() {
|
|
gulp.src(paths.styles.src, { sourcemaps: true })
|
|
.pipe(sass().on('error', sass.logError))
|
|
.pipe(gulp.dest(paths.styles.dest))
|
|
.pipe(browserSync.reload({ stream: true }));
|
|
});
|
|
|
|
|
|
gulp.task('scripts', function() {
|
|
return gulp.src(paths.scripts.src)
|
|
.pipe(sourcemaps.init())
|
|
.pipe(babel({
|
|
ignore: [
|
|
'./src/js/d3.v5.js',
|
|
]
|
|
}))
|
|
.pipe(concat('portfolio.js'))
|
|
.pipe(gulp.dest(paths.scripts.dest)) // save .js
|
|
.pipe(uglify())
|
|
.pipe(rename({ extname: '.min.js' }))
|
|
.pipe(sourcemaps.write('maps'))
|
|
.pipe(gulp.dest(paths.scripts.dest)) // save .min.js
|
|
});
|
|
|
|
var watchStylesAndScripts = function() {
|
|
gulp.watch(paths.styles.src,['styles']);
|
|
gulp.watch(paths.scripts.src,['scripts', browserSync.reload]);
|
|
}
|
|
|
|
gulp.task('watch', watchStylesAndScripts);
|
|
|
|
// watch files for changes and reload
|
|
gulp.task('serve', function() {
|
|
browserSync({
|
|
server: {
|
|
baseDir: '.'
|
|
}
|
|
});
|
|
|
|
gulp.watch(['index.html','rubenvandeven.jsonld'], browserSync.reload);
|
|
watchStylesAndScripts();
|
|
});
|
|
|
|
|
|
gulp.task('default', function() {
|
|
gulp.parallel('styles', 'scripts');
|
|
});
|