For the purposes of keeping this precise I’ve already setup the folder structure for “myproject,” so we’ll get right to it.
The first step in creating our AEM client library is to create a component. There are two ways of doing this: you can either create your own or you can extend one from lib/foundation.
Select list copy and paste it.
To create a client lib you need to create a node.
Type in the name as clientlib. Node type: clientLibraryFolder
Then we need to add the categories property. The value serves as a namespace, which is used for referencing client libraries in HTML.
Next we need to add css and js files. It’s always good to have separate folders to hold each file type and then have the corresponding manifest files for each.
Finally,we have 2 approaches to choose from for referencing client libraries of our html/jsp files. You can either include the client library directly using the categories attribute or you can include the css and js separately.
We will be using the 2nd approach in the demo.
That marks the end of the video. For more information on client libraries click here.