gulp-template-cache2

Gulp plugin that converts HTML files into JavaScript strings that can then be accessed through a global variable.

Usage no npm install needed!

<script type="module">
  import gulpTemplateCache2 from 'https://cdn.skypack.dev/gulp-template-cache2';
</script>

README

gulp-template-cache2

Gulp plugin that converts HTML files into JavaScript strings that can then be accessed through a global variable.

npm i gulp-template-cache2

Usage example

const { src, dest } = require('gulp');
const cache = require('gulp-template-cache2');

exports.default = function(){
  return src('src/**/*.html')
    .pipe(cache({fileName: 'index.js'}))
    .pipe(dest('templates/'));
}

And with PUG 🙂

const { src, dest } = require('gulp');
const pug = require('gulp-pug');
const cache = require('gulp-template-cache2');

exports.default = function(){
  return src('src/**/*.pug')
    .pipe(pug())
    .pipe(cache({fileName: 'index.js'}))
    .pipe(dest('templates/'));
}

Get template

let tmp = TemplateCache.get( 'file-name-without-extension' );
console.log( tmp )