Full featured Spræ engine for Lume.
deno task lume --config=https://deno.land/x/sprinkle/config.ts| Included plugins | |
|---|---|
| Sprinkle | Full featured Spræ engine for Lume. |
| ESbuild | Bundle JavaScript, TypeStript files using esbuild library. |
| Inline | Inline CSS, JavaScript, SVG and images in the HTML. |
| Lightning CSS | Transform and minify your CSS files with Lightning CSS. |
| Purge CSS | Use PuregeCSS to remove unused CSS code. |
| Minify HTML | Minify the HTML code of your pages. |
see config.ts to read through the default configurations used.
/** ./_config.ts **/
import site from "https://deno.land/x/sprinkle/config.ts"
site.add("main.js")
site.add("main.css")/** ./_config.ts **/
import site from "https://deno.land/x/sprinkle/sprinkle.ts";
site.use(sprinkle({
options: {
prefix: "::",
},
}))<!-- ./_layout.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body ::slot></body>
</html><!-- ./_components/article.html -->
<article ::slot></article>
<footer>Article written by <span ::text="author"></span></footer><!-- ./blog.html -->
<template ::scope="{ author: 'me' }" ::for="article">
<p>My awesome blog content.</p>
</template>More documentation available at Lume documentation.