In this section we will learn how setup an
index.html page to load
amber using requirejs.
Amber ships with requirejs, the most popular AMD loader implementation.
The following section explains how to manually create an
index.html page that loads Amber. The
amber init command provided by the npm package automates it. It is still advised to read this page in order to understand how Amber is loaded and how Amber packages work.
index.html file with the following contents in the root folder of your project, next to the
We can then modify our
index.html page to load the
devel – short
development – distribution of Amber.
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 –
The last modification we make to the
index.html page is to add a line after Amber’s initialization to automatically popup Helios, its integrated development environment.
Here is our final version of
You can now start the amber server by evaluating from your project root directory:
Open localhost:4000. Helios will popup on startup.
Most web browser will block popups by default. You may need to authorize the Helios popup and reload the page.
You are now ready to create your own Amber packages!