markoify

Marko transform for Browserify

Usage no npm install needed!

<script type="module">
  import markoify from 'https://cdn.skypack.dev/markoify';
</script>

README

markoify

This Browserify transform results in any referenced Marko templates to automatically be compiled and bundled up so that the templates can be rendered in the browser.

Installation

npm install markoify --save

Usage:

browserify -g markoify --extension=".marko" main.js -o browser.js

Example

my-project/template.marko:

Hello ${data.name}!

my-project/main.js:

var template = require('./template.marko');
template.render({
        name: 'World'
    },
    function(err, output) {
        console.log('Output: ', output)
    });

Page HTML:

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Marko+Browserify Test</title>
    </head>
    <body>
        <script src="browser.js"></script>
    </body>
</html>

Browser output:

Output: Hello World!

Further Reading

Discuss

If you have any questions or run into any problems, please reach out to us in the Marko Gitter chat room or open a Github issue.

Maintainers

Contribute

Pull Requests welcome. Please submit Github issues for any feature enhancements, bugs or documentation problems.

License

Apache License v2.0