-
Notifications
You must be signed in to change notification settings - Fork 0
/
gulpfile.js
117 lines (96 loc) · 2.75 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
115
116
117
"use strict";
// Plugins
var gulp = require( 'gulp' ),
connect = require( 'connect' ),
connectLivereload = require( 'connect-livereload' ),
gulpLivereload = require( 'gulp-livereload' ),
sass = require( 'gulp-sass' ),
prefix = require( 'gulp-autoprefixer' ),
jshint = require( "gulp-jshint" ),
stylish = require( 'jshint-stylish' ),
rimraf = require( 'rimraf' ),
gulpSequence = require('gulp-sequence'),
fileinclude = require('gulp-file-include');
// paths & files
var path = {
src: 'src/',
html: 'src/**/*.html',
destHtml: 'dist/**/*.html',
js: 'src/js/**/*.js',
destJs: 'dist/js/',
sass: 'src/sass/**/*.scss',
css: 'src/css/',
destCss: 'dist/css/',
img: 'src/img/**/*.*',
destImg: 'dist/img/',
video: 'src/video/**/*.*',
destVideo: 'dist/video/',
dest: 'dist/',
};
// ports
var localPort = 4000,
lrPort = 35729;
// start local server
gulp.task( 'server', function() {
var server = connect();
server.use( connectLivereload( { port: lrPort } ) );
server.use( connect.static( path.dest ) );
server.listen( localPort );
console.log( "\nlocal server running at http://localhost:" + localPort + "/\n" );
});
// jshint
gulp.task( 'jshint', function() {
gulp.src( path.js )
.pipe( jshint() )
.pipe( jshint.reporter( stylish ) );
});
// watch file
gulp.task( 'watch', function(done) {
var lrServer = gulpLivereload();
gulp.watch( [path.destHtml, path.destJs, path.distCss + '/**/*.css' ] )
.on( 'change', function( file ) {
lrServer.changed( file.path );
});
gulp.watch( path.js, ['jshint'] );
gulp.watch( path.js, ['js'] );
gulp.watch( path.html, ['html'] );
gulp.watch( path.sass, ['sass'] );
});
gulp.task('img', function(){
gulp.src([path.img])
.pipe(gulp.dest(path.destImg));
});
gulp.task('video', function(){
gulp.src([path.video])
.pipe(gulp.dest(path.destVideo));
});
gulp.task('html', function(){
return gulp.src([path.html])
.pipe(fileinclude({
prefix: '@@',
basepath: '@file'
}))
.pipe(gulp.dest(path.dest));
});
gulp.task('js', function() {
gulp.src([path.js])
.pipe(gulp.dest(path.destJs));
});
gulp.task('clean', function(cb){
rimraf('./dist', cb);
});
// compile sass
gulp.task( 'sass', function() {
gulp.src( path.sass )
.pipe( sass({
outputStyle: [ 'expanded' ],
sourceComments: 'normal',
errLogToConsole: true
}))
.pipe( prefix() )
.pipe( gulp.dest( path.destCss ) );
});
// default task
gulp.task( 'default', function(cb){
gulpSequence(['clean'], ['img'], ['video'], ['js', 'sass'], ['html'], ['server', 'watch'] )(cb);
});