ESLit
ESLit lets you write templates with embedded JavaScript expressions.
npm install eslit --save-dev
ESLit templates are easy to use because they’re powered by web standards. Content is read as Template Literals with automatically resolving Promises.
<!-- some/templatehtml --><h1>$heading</h1><table> $people</table>
const eslit = ; ;
Guest List Martin Brody Bruce Shark
You can also use import
functions to include other templates.
<h1>$heading</h1> <table> $import'./some/table' /* includes some/table.html */</table>
Alternatively, the include
function lets you specify additional data.
<h1>$heading</h1> <table> $import'./some/table' additional: 'data' </table>
Usage
ESLit returns a Promise to render content once its embedded Promises are resolved.
;
- src: the path or package id being imported.
- 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
ESLit.parse
The parse function returns a promise to render the template string once its embedded promises are resolved.
eslit;
string: The string parsed as a template.
ESLit.resolve
The resolve function returns a Promise that is resolved once its embedded promises have resolved.
eslitresolve`Template literal to be `;
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
.