@@ -10,29 +10,17 @@ var gulp = require('gulp'),
10
10
jslint = require ( 'gulp-jslint' ) ,
11
11
jsmin = require ( 'gulp-jsmin' ) ,
12
12
rename = require ( 'gulp-rename' ) ,
13
+ swig = require ( 'gulp-swig' ) ,
14
+ custom_filters = require ( './filter/custom_filters.js' ) ,
13
15
reload = browserSync . reload ,
14
16
src = {
15
17
scss : '../scss/*.scss' ,
16
18
appScss : '../app/scss/*.scss' ,
17
19
css : '../css' ,
18
- html : '../app/index.html ' ,
20
+ swig : '../app/templates/*.twig ' ,
19
21
js : '../src/*.js' ,
20
22
} ;
21
23
22
- /**
23
- * Start the BrowserSync Static Server + Watch files
24
- */
25
- gulp . task ( 'default' , [ 'sass' , 'appScss' , 'js' , 'html' ] , function ( ) {
26
- browserSync ( {
27
- server : '../app' ,
28
- } ) ;
29
-
30
- gulp . watch ( src . scss , [ 'sass' ] ) ;
31
- gulp . watch ( src . appScss , [ 'appScss' ] ) ;
32
- gulp . watch ( src . js , [ 'js' ] ) ;
33
- gulp . watch ( src . html , [ 'html' ] ) ;
34
- } ) ;
35
-
36
24
/**
37
25
* Kick off the sass stream with source maps + error handling
38
26
*/
@@ -66,9 +54,7 @@ gulp.task('sass', function () {
66
54
*/
67
55
gulp . task ( 'appScss' , function ( ) {
68
56
return sassStream ( src . appScss )
69
- . pipe ( gulp . dest ( src . css ) )
70
57
. pipe ( gulp . dest ( '../app/css' ) )
71
- . pipe ( filter ( "**/*.css" ) )
72
58
. pipe ( reload ( { stream : true } ) ) ;
73
59
} ) ;
74
60
@@ -92,15 +78,37 @@ gulp.task('js', function () {
92
78
. pipe ( rename ( { suffix : '.min' } ) )
93
79
. pipe ( gulp . dest ( '../app/js/' ) )
94
80
. pipe ( gulp . dest ( '../' ) )
95
- . pipe ( reload ( { stream : true } ) ) ;
81
+ . on ( 'end' , reload ) ;
82
+ } ) ;
83
+
84
+ gulp . task ( 'templates' , function ( ) {
85
+ gulp . src ( '../app/templates/index.twig' )
86
+ . pipe ( swig ( {
87
+ load_json : true ,
88
+ json_path : '../temapltes/json_data/' ,
89
+ setup : function ( swig ) {
90
+ for ( var key in custom_filters ) {
91
+ swig . setFilter ( key , custom_filters [ key ] ) ;
92
+ }
93
+ } ,
94
+ } ) )
95
+ //.pipe(prettify({indent_char: ' ', indent_size: 2}))
96
+ . pipe ( gulp . dest ( '../app' ) )
97
+ . on ( 'end' , reload ) ;
96
98
} ) ;
97
99
98
100
/**
99
- * Generate templates.
101
+ * Start the BrowserSync Static Server + Watch files
100
102
*/
101
- gulp . task ( 'html' , function ( ) {
102
- return gulp . src ( src . html )
103
- . pipe ( prettify ( { indent_char : ' ' , indent_size : 2 } ) )
104
- . pipe ( rename ( { suffix : '.pretty' } ) )
105
- . pipe ( gulp . dest ( '../app' ) ) ;
103
+ gulp . task ( 'serve' , [ 'sass' , 'appScss' , 'js' , 'templates' ] , function ( ) {
104
+ browserSync ( {
105
+ server : '../app' ,
106
+ } ) ;
107
+
108
+ gulp . watch ( src . scss , [ 'sass' ] ) ;
109
+ gulp . watch ( src . appScss , [ 'appScss' ] ) ;
110
+ gulp . watch ( src . js , [ 'js' ] ) ;
111
+ gulp . watch ( src . swig , [ 'templates' ] ) ;
106
112
} ) ;
113
+
114
+ gulp . task ( 'default' , [ 'serve' ] ) ;
0 commit comments