Resources plugin for Monta
Resource system and pipeline for Monta
Plugin status: experimental
Not ready for use yet, missing major features.
Why
The resource plugin is the foundation for loading and processing static assets, like stylesheets, script files and images.
This plugin is primarily designed for use with static site generators
(SSG's) and pre-rendered pages. Because the plugin processes the
resource files on each render() call, it's not very well suited for
real-time rendering. This may be improved upon later, but it's currently
not the main focus of this plugin.
How
Install Monta and the plugin into your project's dependencies
yarn add monta monta-plugin-resources
Use in your templates
<!-- Bundle files with static urls --> <!-- Or inline them --> <!-- Works for images too --> <!-- Most image types will automatically be inlined as base64 --> Syntax
<!-- Get a file -->${ get('path/to/file.css') } <!-- Save to a static file and return the URL --> <!-- Return the file as a base64-encoded string --> <!-- Loop over multiple files --> ${ get('*.css') | foreach(): } ${ :end } ${ get('*.(png|jpg)') | foreach(): } ${ :end } <!-- Concatenate files -->${ get('*.css') | concat('styles.css') | toUrl() } <!-- Minify css or js files -->${ get('stylesheet.css') | minify() | toUrl() }${ get('script.js') | minify() | toUrl() }