|
|
|
@ -1,17 +1,26 @@
|
|
|
|
const gulp = require('gulp');
|
|
|
|
const gulp = require('gulp')
|
|
|
|
const sass = require('gulp-sass');
|
|
|
|
const sass = require('gulp-sass')
|
|
|
|
const concat = require('gulp-concat');
|
|
|
|
const concat = require('gulp-concat')
|
|
|
|
const gutil = require('gulp-util');
|
|
|
|
const gutil = require('gulp-util')
|
|
|
|
|
|
|
|
const imagemin = require('gulp-imagemin')
|
|
|
|
|
|
|
|
const cache = require('gulp-cache')
|
|
|
|
|
|
|
|
const gulpIf = require('gulp-if')
|
|
|
|
|
|
|
|
const browserify = require('browserify')
|
|
|
|
|
|
|
|
const del = require('del')
|
|
|
|
|
|
|
|
|
|
|
|
var budo = require('budo')
|
|
|
|
const source = require('vinyl-source-stream')
|
|
|
|
var babelify = require('babelify')
|
|
|
|
const buffer = require('vinyl-buffer')
|
|
|
|
|
|
|
|
const sourcemaps = require('gulp-sourcemaps')
|
|
|
|
|
|
|
|
|
|
|
|
const cssFiles = 'public/scss/**/*.?(s)css';
|
|
|
|
const budo = require('budo')
|
|
|
|
|
|
|
|
const babelify = require('babelify')
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const cssFiles = 'public/scss/**/*.?(s)css'
|
|
|
|
|
|
|
|
|
|
|
|
let css = gulp.src(cssFiles)
|
|
|
|
let css = gulp.src(cssFiles)
|
|
|
|
.pipe(sass())
|
|
|
|
.pipe(sass())
|
|
|
|
.pipe(concat('style.css'))
|
|
|
|
.pipe(concat('style.css'))
|
|
|
|
.pipe(gulp.dest('assets'));
|
|
|
|
.pipe(gulp.dest('build'))
|
|
|
|
|
|
|
|
|
|
|
|
gulp.task('watch', function(cb) {
|
|
|
|
gulp.task('watch', function(cb) {
|
|
|
|
budo("app.js", {
|
|
|
|
budo("app.js", {
|
|
|
|
@ -20,12 +29,59 @@ gulp.task('watch', function(cb) {
|
|
|
|
browserify: {
|
|
|
|
browserify: {
|
|
|
|
transform: babelify
|
|
|
|
transform: babelify
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}).on('exit', cb);
|
|
|
|
}).on('exit', cb)
|
|
|
|
gulp.watch(cssFiles, function() {
|
|
|
|
gulp.watch(cssFiles, gulp.series(["sass"]))
|
|
|
|
console.log("Compiling CSS")
|
|
|
|
})
|
|
|
|
return gulp.src(cssFiles)
|
|
|
|
|
|
|
|
.pipe(sass())
|
|
|
|
gulp.task("clean", function(done) {
|
|
|
|
.pipe(concat('style.css'))
|
|
|
|
del.sync('build')
|
|
|
|
.pipe(gulp.dest('./dist'))
|
|
|
|
done()
|
|
|
|
});
|
|
|
|
})
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
gulp.task("sass", function() {
|
|
|
|
|
|
|
|
return gulp.src(cssFiles)
|
|
|
|
|
|
|
|
.pipe(sass())
|
|
|
|
|
|
|
|
.pipe(concat('style.css'))
|
|
|
|
|
|
|
|
.pipe(gulp.dest('./build'))
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
gulp.task("assets", function() {
|
|
|
|
|
|
|
|
return gulp.src(["public/**/*", "!public/scss", "!public/scss/**/*"])
|
|
|
|
|
|
|
|
.pipe(gulpIf('*.+(png|jpg|jpeg|gif|svg)',
|
|
|
|
|
|
|
|
cache(imagemin({
|
|
|
|
|
|
|
|
interlaced: true
|
|
|
|
|
|
|
|
}))
|
|
|
|
|
|
|
|
))
|
|
|
|
|
|
|
|
.pipe(gulp.dest('build'))
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
gulp.task('js', function() {
|
|
|
|
|
|
|
|
return gulp.src(['app.js', "components/**/*"])
|
|
|
|
|
|
|
|
.pipe(babel({
|
|
|
|
|
|
|
|
presets: [
|
|
|
|
|
|
|
|
['@babel/env', {
|
|
|
|
|
|
|
|
modules: false
|
|
|
|
|
|
|
|
}]
|
|
|
|
|
|
|
|
]
|
|
|
|
|
|
|
|
}))
|
|
|
|
|
|
|
|
.pipe(gulp.dest('build'))
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
gulp.task('js', function() {
|
|
|
|
|
|
|
|
let b = browserify({
|
|
|
|
|
|
|
|
entries: 'app.js',
|
|
|
|
|
|
|
|
debug: false,
|
|
|
|
|
|
|
|
transform: [babelify.configure({
|
|
|
|
|
|
|
|
presets: ['@babel/preset-env', '@babel/preset-react']
|
|
|
|
|
|
|
|
})]
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
return b.bundle()
|
|
|
|
|
|
|
|
.pipe(source('app.js'))
|
|
|
|
|
|
|
|
.pipe(buffer())
|
|
|
|
|
|
|
|
.pipe(sourcemaps.init({ loadMaps: true }))
|
|
|
|
|
|
|
|
.pipe(gulp.dest('build'))
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
gulp.task('build', gulp.parallel(['clean', 'assets', 'js', 'sass', function(done) {
|
|
|
|
|
|
|
|
done()
|
|
|
|
|
|
|
|
}]))
|
|
|
|
|
f0x
5 years ago