Git Product home page Git Product logo

gulp-handlebars-render's Introduction

gulp-handlebars-render Build Status

Renders handlebars templates

Abstract

My usecase is fully rendering hbs templates with data for livereload preview.

Install

npm install gulp-handlebars-render --save-dev

Usage

The plugin accepts a data object, which it will apply to any handlebars templates that are passed into it.

The output will be a rendered HTML file per template.

var gulp       = require('gulp'),
    connect    = require('gulp-connect'),
    cache      = require('gulp-cached'),
    render     = require('gulp-handlebars-render');

var content = {
  title: "Lorem ipsum dolor sit amet"
  author: "Frindle Babbin"
  content: "This is a post"
}

gulp.task('connect', function() {
  connect.server({
    root: 'build/',
    livereload: true
  });
});

gulp.task('html', function () {
 gulp.src('./src/templates/*.hbs')
    .pipe(cache('html'))
    .pipe(render(content))
    .pipe(gulp.dest('build/'))
    .pipe(connect.reload());
});

gulp-handlebars-render's People

Contributors

markhuge avatar

Watchers

Mikey avatar James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.