-
Notifications
You must be signed in to change notification settings - Fork 0
/
gulpfile.js
114 lines (97 loc) · 3.32 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
113
114
var gulp = require('gulp')
var gulpPlumber = require('gulp-plumber');// 錯誤處理
var merge= require('merge-stream');// merge-stream
var _del = require('del');
//gulp-webserver
var webserver = require('gulp-webserver');
gulp.task('webserver', function() {
gulp.src('./public')
.pipe(webserver({
port:1313,
livereload: true,
directoryListing: false,
open: "main.html"
}));
});
//gulp-less
var less = require('gulp-less');
gulp.task('less', function () {
return gulp.src('develop/css/*.less')
.pipe(gulpPlumber())
.pipe(less())
.pipe(gulp.dest('./public/src/build/css'));
});
//gulp-file-include
var fileinclude = require('gulp-file-include')
gulp.task('fileinclude', function() {
gulp.src(['develop/*.html'])
.pipe(gulpPlumber())
.pipe(fileinclude({
prefix: '@@',
basepath: '@file'
}))
.pipe(gulp.dest('./public'));
});
// gulp-concatnpm
var concat= require('gulp-concat');
gulp.task('concat', function() { //合併檔案
var concat1=gulp.src(['develop/js/main.js', 'develop/js/top.js', 'develop/js/bottom.js','develop/js/left.js','develop/js/right.js','develop/js/center.js','develop/js/vm.js'])
.pipe(gulpPlumber())
.pipe(concat('main.js'))
.pipe(gulp.dest('./public/src/build/js'));
var concat2= gulp.src(['develop/js/firebase_init.js'])
.pipe(gulpPlumber())
.pipe(gulp.dest('./public/src/build/js'));
return merge(concat1, concat2);
});
var imagemin = require('gulp-imagemin');
gulp.task('imagemin',function(){
gulp.src(['public/src/static/images/*','public/src/static/images/*/*'])
.pipe(imagemin())
.pipe(gulp.dest('./public/src/static/images'));
});
var staticHash = require('gulp-static-hash');//gulp-static-hash (亂數 hash)
var htmlmin = require('gulp-htmlmin'); // gulp-htmlmin (最小化檔案)
var cssmin = require('gulp-minify-css'); //(最小化檔案)
var gulpUglify = require('gulp-uglify'); // gulp-uglify (最小化檔案)
gulp.task('html', function () {
gulp.src('public/*.html')
.pipe(staticHash({asset: 'static'}))
.pipe(htmlmin({collapseWhitespace: true}))
.pipe(gulp.dest('./public'));
});
gulp.task('cssmin', function () {
gulp.src('public/src/build/css/*.css')
.pipe(cssmin())
.pipe(gulp.dest('./public/src/build/css'));
});
gulp.task('gulpUglify', function () {
gulp.src('public/src/build/js/*.js')
.pipe(gulpUglify())
.pipe(gulp.dest('./public/src/build/js'));
});
gulp.task('copy', function() { //複製靜態檔案
var copy1=gulp.src(['develop/static/*/*','develop/static/*/*/*'])
.pipe(gulp.dest('./public/src/static/'));
var copy2=gulp.src(['./favicon.ico'])
.pipe(gulp.dest('./public/'));
});
//即時監控
//develop watch下的檔案 新增資料夾重新命名會出錯
gulp.task('watch', function () {
gulp.watch(['develop/*.html'], ['fileinclude']);
gulp.watch(['develop/include/*.html'], ['fileinclude']);
gulp.watch(['develop/css/*.less'], ['less']);
gulp.watch(['develop/js/*.js'], ['concat']);
gulp.watch(['develop/static'], ['copy']);
})
//清除public資料夾檔案
gulp.task('clear', function(){
return _del('./public', {force:true});
});
//預設執行
gulp.task('default', ['watch','fileinclude','less','webserver','concat','copy']);
//初始化建專案
gulp.task('build', ['fileinclude','less','concat','copy']);
//deploy 前執行的最小化檔案
gulp.task('deploy', ['imagemin','html','cssmin','gulpUglify']);