Etusivu Tutki Apua
Rekisteröidy Kirjaudu sisään
amber
/
amber-documentation
2
1
Fork 0
Tiedostot Ongelmat 19 Pull-pyynnöt 0 Wiki
Puu: 8139752ed8
Branchit Tagit
amber-docume...
/
overview
/
2-loading-amber.md

2-loading-amber.md 1.6 KB
Historia Raaka

title: Loading Amber layout: default permalink: "loading-amber.html"

parent: Overview

In this section we will learn how setup an index.html page to load amber using requirejs.

Amber packages

Amber packages are AMD modules. AMD (Asynchronous Module Definition) is a JavaScript API for defining modules and dependencies to be loaded asynchronously.

Amber ships with requirejs, the most popular AMD loader implementation.

Create an index.html file with the following contents:

{% highlight html %} <!DOCTYPE html> 

<head>
    <script
      type='text/javascript'
      src='bower_components/amber/support/requirejs/require.min.js'>
    </script>
    <script
      type='text/javascript'
      src='bower_components/amber/support/amber.js'>
    </script>
</head>
<body>
</body>

{% endhighlight %}

In the next script we define how Amber packages are loaded. Amber comes with several AMD modules to load Amber; the default one -- the one with support for application development and in-browser IDE -- being amber/devel.

<!DOCTYPE html>
<html>
	<head>
	    <script
		  type='text/javascript'
		  src='bower_components/amber/support/requirejs/require.min.js'>
	    </script>
	    <script
		  type='text/javascript'
		  src='bower_components/amber/support/amber.js'>
	    </script>
	    <script type='text/javascript'>
		  require(['amber/devel'], function (amber) {
	  		amber.initialize();
		  });
	    </script>
	</head>
	<body>
	</body>
</html>

This page is unfinished.