cn.status.im/gulpfile.babel.js

85 lines
2.3 KiB
JavaScript
Executable File

import gulp from 'gulp'
import browserSync from 'browser-sync'
import sass from 'gulp-sass'
import autoprefixer from 'gulp-autoprefixer'
import browserify from 'browserify'
import source from 'vinyl-source-stream'
import streamify from 'gulp-streamify'
import babel from 'gulp-babel'
import tap from 'gulp-tap'
import buffer from 'gulp-buffer'
import sourcemaps from 'gulp-sourcemaps'
import del from 'del'
import gutil from 'gulp-util'
import rename from 'gulp-rename'
import uglify from 'gulp-uglify'
import htmlmin from 'gulp-htmlmin'
import template from 'gulp-template'
import imagemin from 'gulp-imagemin'
/* HTML template parameters */
const apk_url = (
process.env.APK_URL ||
'https://status-im.ams3.digitaloceanspaces.com/StatusIm-190305-152317-ff3c9d-release.apk'
)
gulp.task('js', () => {
return gulp.src('src/js/**/*.js', {read: false})
.pipe(sourcemaps.init({loadMaps: true}))
.pipe(tap(f => {
f.contents = browserify(f.path, {debug: true}).bundle()
}))
.pipe(streamify(babel({presets: ['env']})))
.pipe(buffer())
.pipe(uglify())
.pipe(sourcemaps.write('./'))
.pipe(gulp.dest('dist/js'))
.pipe(browserSync.stream())
})
gulp.task('fonts', () => {
return gulp.src(['src/fonts**/*'])
.pipe(gulp.dest('dist'))
})
gulp.task('html', () => {
return gulp.src(['src/**/*.html'])
.pipe(htmlmin({collapseWhitespace: true, minifyJS: true}))
.pipe(template({apk_url}))
.pipe(rename(p => p.dirname = p.dirname.slice(5)))
.pipe(gulp.dest('dist'))
})
gulp.task('css', () => {
return gulp.src("src/scss/main.scss")
.pipe(sass())
.on('error', gutil.log)
.pipe(autoprefixer({ browsers: ['last 3 versions'], cascade: false }))
.pipe(gulp.dest("dist/css"))
.pipe(browserSync.stream())
})
gulp.task('images', () => {
return gulp.src('src/img/**/*')
.pipe(imagemin())
.pipe(gulp.dest('dist/img'))
})
gulp.task('clean', () => {
del.sync('dist/*')
})
gulp.task('develop', ['build'], () => {
browserSync.init({server: "./dist"})
gulp.watch("src/scss/*.scss", ['css'])
gulp.watch("src/js/*.js", ['js'])
gulp.watch("src/img/**/*", ['images'])
gulp.watch("./*.html", ['html']).on('change', browserSync.reload)
})
gulp.task('build', ['clean', 'css', 'images', 'fonts', 'js', 'html'])
gulp.task('default', ['develop'])