I posted this question internally at Adobe, and the feedback wasThe advantage of using the ui.frontend module is to then be able to reference these libraries within scripts within the ui.frontend module and then webpack will intelligently build/compile your css/js artifacts. If you are just using jQ...

I updated the following file ui.frontend/.eslintrc.jsand added the following entry"@typescript-eslint/no-var-requires": 0,Contents of the whole filemodule.exports = { parser: '@typescript-eslint/parser', // Specifies the ESLint parser extends: [ 'plugin:@typescript-eslint/recommended'...

When I put var $ = require( 'jquery' ); var dt = require( 'datatables.net' )();in to the file src/main/webpack/site/main.tsand then run the command npm run devI get the errors4:5 warning '$' is assigned a value but never used @Deleted Account-eslint/no-unused-vars4:9 error Require statement not par...

So in my AEM Sites project, I want to use the ui.frontend module to add the JavaScript files for datatables.net by using npm.So in the documentation link for installing the JavaScript and CSS files for datatables.net ishttps://datatables.net/download/indexTo install it using NPM the command isnpm in...