Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including markoify with all npm packages installed. Try it out:

var markoify = require("markoify")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

markoify v2.2.2

Marko transform for Browserify

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

Metadata

RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free