-
Notifications
You must be signed in to change notification settings - Fork 1
/
gulpfile.js
61 lines (60 loc) · 1.88 KB
/
gulpfile.js
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
61
require('es6-promise').polyfill()
var gulp = require('gulp')
var sass = require('gulp-sass')
var autoprefixer = require('gulp-autoprefixer')
var concat = require('gulp-concat')
var uglify = require('gulp-uglify')
var rename = require('gulp-rename')
var cleanCSS = require('gulp-clean-css')
var babel = require('gulp-babel')
var eslint = require('gulp-eslint')
var sourcemaps = require('gulp-sourcemaps')
var browserSync = require('browser-sync').create()
var reload = browserSync.reload
var config = require('./config.js')
var gulpif = require('gulp-if')
gulp.task('js', function () {
return gulp.src(['./src/js/*.js'])
.pipe(gulpif(!config.production, sourcemaps.init()))
.pipe(eslint())
.pipe(eslint.format())
.pipe(babel())
.pipe(concat('app.js'))
.pipe(rename({suffix: '.min'}))
.pipe(uglify())
.pipe(gulpif(!config.production, sourcemaps.write('.')))
.pipe(gulp.dest('./dist/js/'))
})
gulp.task('sass', function () {
return gulp.src('./src/sass/style.scss')
.pipe(sass())
.pipe(autoprefixer({
browsers: ['last 2 versions'],
cascade: false
}))
.pipe(cleanCSS({compatibility: 'ie8'}))
.pipe(gulp.dest('./dist/css/'))
})
gulp.task('editor-styles', function () {
return gulp.src('./src/sass/editor-styles.scss')
.pipe(sass())
.pipe(autoprefixer({
browsers: ['last 2 versions'],
cascade: false
}))
.pipe(cleanCSS({compatibility: 'ie8'}))
.pipe(rename('editor-styles.css'))
.pipe(gulp.dest('./dist/css/'))
})
gulp.task('watch', function () {
if (!config.production) {
browserSync.init({
files: ['./**/*.php'],
proxy: config.proxy
})
gulp.watch('./src/sass/**/*.scss', ['sass', reload])
gulp.watch('./src/js/*.js', ['js', reload])
gulp.watch('./src/sass/style-assets/_typography.scss', ['editor-styles', reload])
}
})
gulp.task('default', ['sass', 'js', 'watch', 'editor-styles'])