From Monaca Cloud IDE, go to Configure → JS/CSS Component Settings.
JS/CSS Components page will be shown. You can see several libraries listed there. If you can’t find the library you want, input the library’s name in a search box to find it.
Assuming you are searching for Angular, a list of matched libraries will be shown after clicking on Search button.
Click on Add button to include the library you prefer. Then, you can choose which version of the library to include in your project.
Next, select which files of the library you want to include and click Save.
After that, you will find your newly added library in the list. Click on Configure button when you want to change the library’s version and selected file(s).
When a library is added, its files are added into
automatically updated. These files will always be presented regardless
of which libraries are added into your project.
||A style sheet file used by Monaca to load CSS libraries|
Therefore, libraries can be loaded by simply referencing the two files
(as shown above) in the HMTL file. More specifically, all you need to do
is include the following descriptors within the
<head> tag of the HTML
<script src="components/loader.js"></script> <link rel="stylesheet" href="components/loader.css">
loader.jsfile also loads