ender CLI example

app.html

<script src="ender.min.js"></script>

<script>
$.require('/js/core.min.js', 'core')

$.ready('core', function () {
  $(document).ready(function () {
    $('<p>hello world</p>').appendTo('body')
      .bind('click', function (e) {
        $.require('/js/ajax.min.js', function () {
          $(e.target).css('position', 'relative')
            .animate({
              left: 500
            })
        })
      })
  })
})
</script>

gistfile1.txt

$ ender build scriptjs
$ ender build domready qwery klass bean bonzo -o core
$ ender build morpheus reqwest -o ajax

As far as I understood sequence is:

• on page enter, core.min.js is being loaded
• as soon as it loads and browser finished construction of page' DOM, paragraph is appended in the end of the page.
• When user clicks on that paragraph, ajax.min.js is loaded
• as soon as it loads, paragraph is animated 500px to the right

Am I correct that ajax.min.js is loaded only after click, and not on page load?

yep. you got it. I would just change point 1 to say page enter and not page load.

Thanks, I've updated my comment to be more correct for future reader