Gulp ESLit
Gulp ESLit is a Gulp plugin that lets you create templates with embedded JavaScript expressions using ESLit.
<!-- some/templatehtml --><h1>$ heading </h1><table> $ people </table>
ESLit templates are easy to use because they’re nothing more than web standardized ES6 Template Strings with Promise support.
gulp
Keeps things simple.
Guest List Martin Brody Bruce Shark
Usage
Add Gulp ESLit to your build tool.
npm install gulp-eslit --save-dev
data options;
- data: the data used by the template.
- Options
- cwd: the path used by imports (default:
process.cwd()
). - prefixes: the file prefixes sometimes used by imports (default:
[ "_" ]
). - extensions: the file extensions sometimes used by imports (default:
[ ".html", ".jsx" ]
). - globopts: the options passed into [node-glob].
- cwd: the path used by imports (default:
Notes:
- Paths are relative to the current file or the current working directory.
- Paths may use glob patterns or omit prefixes and extensions
- Node modules are supported, using the package
template
ormain
keys, or by usingindex.html
Syntax Helpers
Sublime Text
- Install the Babel Package.
- Select Tools > Developer > New Syntax.
- Paste this syntax.
- Save the file as
Lit Template (Babel).sublime-syntax
.