Edit in JSFiddle

<script src="http://requirejs.org/docs/release/2.1.8/comments/require.js"></script>

<textarea id="tpl" style='display:none;'>
    <h2>简单取值</h2>
    <pre>
            A: {{root.a}} - B: {{root.b}}
    </pre>
    
    <h2>set赋值</h2>
    <pre>
        {{set c = root.c}}
            D: {{c.d}}
            E: {{root.e}}
    </pre>
    <h2>if判断</h2>
    <pre>
        {{#if root.e > root.a + 1 }}
            E > A + 1
        {{else}}
            E <= A + 1
        {{/if}}
    </pre>
    
    <h2>遍历对象</h2>
    <pre>
        {{#each root 'val' 'key'}} 
            {{key}} => {{val}} 
        {{/each}}
    </pre>
    <h2>遍历数组</h2>
    <pre>
        {{#each root.list 'val2' 'index'}} 
            {{index}} => {{val2}} 
        {{/each}}
    </pre>
</textarea>

// 配置 Crox 路径
require.config({
    paths:{
      'crox':'https://raw.github.com/thx/crox/master/build/crox-all'
    }
})


// 加载 Crox
require(['crox'], function(Crox){
    var tmpl = $('#tpl').val();

    var data = {
        a: 1, 
        b: 2,
        c: {
            d: 3
        },
        e: 1,
        list: ['a', 'b', 'c']
    };
    
    var fn = Crox.compile(tmpl);
    
    console.log(fn.toString());
    
    $('<div>')
        .html(fn(data))
        .appendTo('body')
})