-
Notifications
You must be signed in to change notification settings - Fork 1
/
gulpfile.js
61 lines (55 loc) · 1.54 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
var gulp = require("gulp");
var sass = require("gulp-sass");
var plumber = require("gulp-plumber");
var browserSync = require("browser-sync");
var notify = require("gulp-notify");
var pug = require("gulp-pug");
gulp.task('default', ['sass', 'browser-sync', 'pug', 'watch']);
//sassとpugの監視をして変換処理させる
gulp.task('watch', () => {
gulp.watch(['./sass/**'], () => {
gulp.start(['sass']);
});
gulp.watch(['./pug/**'], () => {
gulp.start(['pug']);
});
});
//ブラウザ表示
gulp.task('browser-sync', () => {
browserSync({
server: {
baseDir: "./" //サーバとなるrootディレクトリ
}
});
//ファイルの監視
//以下のファイルが変わったらリロードする
gulp.watch("./js/**/*.js", ['reload']);
gulp.watch("./*.html", ['reload']);
});
//sassをcssに変換
gulp.task("sass", () => {
gulp.src("./sass/**/*scss")
.pipe(plumber({
errorHandler: notify.onError("Error: <%= error.message %>")
}))
.pipe(sass())
.pipe(gulp.dest("./css"))
//reloadせずにinjectする
.pipe(browserSync.stream())
});
//pugをhtmlに変換
gulp.task("pug", () => {
var option = {
pretty: true
}
gulp.src("./pug/**/*.pug")
.pipe(plumber({
errorHandler: notify.onError("Error: <%= error.message %>")
}))
.pipe(pug(option))
.pipe(gulp.dest("./"))
});
//ブラウザリロード処理
gulp.task('reload', () => {
browserSync.reload();
});