Gulp

gulpfile.js

@@ -0,0 +1,39 @@
+const {watch, src, dest, series} = require('gulp')
+const path = require('path')
+const concat = require('gulp-concat')
+const rename = require('gulp-rename')
+const sourcemaps = require('gulp-sourcemaps')
+const sass = require('gulp-dart-sass')
+const babel = require('gulp-babel')
+const uglify = require('gulp-uglify')
+
+let source_dir = 'assets'
+let output_dir = 'public/assets'
+
+function js(done) {
+  return src(path.join(source_dir, 'js', '*.js'))
+    .pipe(concat('main.js'))
+    .pipe(dest(path.join(output_dir, 'scripts')))
+    .pipe(sourcemaps.init({loadMaps: true}))
+    .pipe(babel())
+    .pipe(uglify())
+    .pipe(rename('main.min.js'))
+    .pipe(sourcemaps.write('./maps'))
+    .pipe(dest(path.join(output_dir, 'scripts')))
+}
+
+function css(done) {
+  return src([path.join(source_dir, 'sass', '*.scss'), path.join(source_dir, 'sass', '*.sass')])
+    .pipe(sass())
+    .pipe(rename('main.css'))
+    .pipe(dest(path.join(output_dir, 'styles')))
+    .pipe(sourcemaps.init({loadMaps: true}))
+    .pipe(sass({outputStyle: 'compressed'}))
+    .pipe(rename('main.min.css'))
+    .pipe(sourcemaps.write('./maps'))
+    .pipe(dest(path.join(output_dir, 'styles')))
+}
+
+watch(source_dir, series(js, css))
+
+exports.default = series(js, css)