Argon clientlibs

Converts a regular JS or CSS package to an AEM client library

Install

``sh
npm install --save-dev argon-clientlibs
`

This package works with Argon Framework. It works independently if you look a little further.

How does it work?

The package requires argon.config.js file. The configuration looks something like this:

`js
const clientlibDist = apps/settings/wcm/designs;
const projectName = argonui;
module.exports = {
jcrRoot: 'dist/jcr_root', // This path will have preference over "target" if it exists
target: 'dist', // Target root folder
clientlibs: {
vendor: {
categories: ['argonui.vendor'],
basePath: ${clientlibDist}/${projectName}/clientlibs/vendor.publish,
paths: [
${clientlibDist}/${projectName}/clientlibs/vendor.publish
]
},
global: {
categories: ['argonui.global'], // Clientlib categories
// Processor configuration for clientlib minification
jsProcessor: [
'min:gcc',
'obfuscate=true',
'languageIn=ECMASCRIPT5',
'languageOut=ECMASCRIPT5'
],
basePath: ${clientlibDist}/${projectName}/clientlibs/global.publish, // where .content.xml will be placed
paths: [
// Scan these folders for js and css files
${clientlibDist}/${projectName}/clientlibs/global.publish,
${clientlibDist}/${projectName}/clientlibs/common.publish,
]
}
}
};
`

To convert a regular JS path to a client library run following command

`sh
npx create-clientlib
`
OR
`sh
npx create-clientlib --config=someOtherConfig.js
``