-
Notifications
You must be signed in to change notification settings - Fork 0
/
gulpfile.js
114 lines (96 loc) · 2.44 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
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
'use strict'
const gulp = require('gulp'),
sourcemaps = require('gulp-sourcemaps'),
rename = require('gulp-rename'),
sass = require('gulp-sass'),
concat = require('gulp-concat'),
browserSync = require('browser-sync'),
pump = require('pump'),
newer = require('gulp-newer'),
cssnano = require('gulp-cssnano'),
uglify = require('gulp-uglify'),
until = require('gulp-until'),
autoprefixer = require('gulp-autoprefixer'),
lodash = require('lodash')
const folder = {
src: 'src/',
dist: 'dist/'
}
gulp.task('css', function () {
return gulp.src([
folder.src + 'scss/custom.scss'
])
.pipe(sourcemaps.init())
.pipe(sass())
.pipe(autoprefixer({
browsers: ['last 2 version']
}))
.pipe(gulp.dest(folder.dist + 'css/'))
.pipe(rename({
suffix: ".min"
}))
.pipe(cssnano({
discardComments: { removeAll: true }
}))
.pipe(sourcemaps.write('./'))
.pipe(gulp.dest(folder.dist + 'css/'));
})
gulp.task('js', function () {
var out = folder.dist + 'js/';
return gulp.src([
folder.src + 'js/vendor/jquery.min.js',
folder.src + 'js/plugin1.js',
folder.src + 'js/plugin2.js',
])
.pipe(sourcemaps.init())
.pipe(concat('main.js'))
.pipe(gulp.dest(out))
.pipe(rename({
suffix: ".min"
}))
.pipe(sourcemaps.write('./'))
.pipe(gulp.dest(out));
})
gulp.task('browserSync', function () {
browserSync.init({
server: {
baseDir: folder.dist
}
})
})
gulp.task('html', function () {
var out = folder.dist;
return gulp.src([
folder.src + '*.html',
])
.pipe(gulp.dest(out));
})
gulp.task('copy-assets', function () {
var assets = {
js: [
'./node_modules/jquery/dist/jquery.min.js'
],
scss: [
'./node_modules/bootstrap/dist/css/bootstrap.min.css'
]
};
lodash(assets).forEach(function (assets, type) {
if (type == 'scss') {
gulp.src(assets)
.pipe(rename({
prefix: '_',
extname: '.scss'
}))
.pipe(gulp.dest(folder.src + 'scss/vendor'));
}
else {
gulp.src(assets).pipe(gulp.dest(folder.src + 'js/vendor'));
}
})
})
gulp.task('watch', function () {
gulp.watch(folder.src + '*.html', ['html', browserSync.reload]);
gulp.watch(folder.src + 'scss/**/*', ['css', browserSync.reload]);
gulp.watch(folder.src + 'js/**/*', ['js', browserSync.reload]);
})
gulp.task('default', ['copy-assets', 'html', 'css', 'js', 'browserSync', 'watch']);