Added twig-js and data for templating

Author: ryanowich

gulpfile.js

@@ -8,6 +8,7 @@ var settings = {
 	scripts: true,
 	polyfills: true,
 	styles: true,
+  templates: true,
 	svgs: true,
 	copy: true,
 	reload: true
@@ -30,6 +31,11 @@ var paths = {
 		input: 'src/sass/**/*.{scss,sass}',
 		output: 'dist/css/'
 	},
+  templates: {
+    twig: 'src/templates/**/*.twig',
+    html_pages: 'src/templates/pages/**/*.twig',
+    dataJson: 'src/data/**/*.json',
+  },
 	svgs: {
 		input: 'src/svg/*.svg',
 		output: 'dist/svg/'
@@ -91,6 +97,11 @@ var sourcemaps = require('gulp-sourcemaps');
 var prefix = require('gulp-autoprefixer');
 var minify = require('gulp-cssnano');
 
+// Templates
+var twig = require('gulp-twig'),
+    path = require('path'),
+    data = require('gulp-data');
+
 // SVGs
 var svgmin = require('gulp-svgmin');
 
@@ -221,6 +232,46 @@ var buildStyles = function (done) {
 
 };
 
+
+
+// // Generate templates
+// gulp.task('templates', function () {
+//   return gulp.src(src.html_pages)
+//     .pipe(data(function (file) {
+//       var dataPath = '../data/' + path.join(path.relative("../templates/pages", path.dirname(file.path)), path.basename(file.path, '.twig')) + '.json';
+//       return requireUncached(dataPath);
+//     }))
+//     .pipe(twig())
+//     .pipe(prettify({indent_char: ' ', indent_size: 2}))
+//     .pipe(gulp.dest('../'))
+//     .on("end", reload);
+// });
+
+// paths.
+// templates: {
+//   twig: '../templates/**/*.twig',
+//   html_pages: '../templates/pages/**/*.twig',
+//   dataJson: '../data/**/*.json',
+// },
+
+// Generate html from templates and data
+var buildTemplates = function(done) {
+  
+  //if (!settings.templates) return done();
+  
+  return src(paths.templates.html_pages)
+    // .pipe(data(function (file) {
+    //   var dataPath = 'src/data/' + path.join(path.relative("src/templates/pages", path.dirname(file.path)), path.basename(file.path, '.twig')) + '.json';
+    //   return requireUncached(dataPath);
+    // }))
+    .pipe(twig())
+    //.pipe(prettify({indent_char: ' ', indent_size: 2}))
+  	.pipe(dest(paths.output));
+};
+
+
+
+
 // Optimize SVG files
 var buildSVGs = function (done) {
 
@@ -291,6 +342,7 @@ exports.default = series(
 		buildScripts,
 		lintScripts,
 		buildStyles,
+    buildTemplates,
 		buildSVGs,
 		copyFiles
 	)

package-lock.json

@@ -25,6 +25,7 @@
 		"gulp-autoprefixer": "6.1.0",
 		"gulp-concat": "2.6.1",
 		"gulp-cssnano": "2.1.3",
+		"gulp-data": "^1.3.1",
 		"gulp-flatmap": "1.0.2",
 		"gulp-header": "2.0.7",
 		"gulp-jshint": "2.1.0",
@@ -34,9 +35,11 @@
 		"gulp-sourcemaps": "^2.6.5",
 		"gulp-svgmin": "2.2.0",
 		"gulp-terser": "1.2.0",
+		"gulp-twig": "^1.2.0",
 		"jshint": "2.10.2",
 		"jshint-stylish": "2.2.1",
 		"lazypipe": "1.0.2",
-		"node-normalize-scss": "^8.0.0"
+		"node-normalize-scss": "^8.0.0",
+		"path": "^0.12.7"
 	}
 }