How do I add a external jQuery Plugin to my Bundle?

How do I add a external jquery plugin (https://igorescobar.github.io/jQuery-Mask-Plugin/) and be able to use it inside my JS files of my bundle (using require(‘NAME-OF-MY-EXTERNAL-JQUERY-PLUGIN’))?

Topic

[spyout98Participant]

?

[omusiienkoParticipant]

The simple way is add a new dependency via https://cdnjs.com/ or just copy needed js component file to your repository

Into these config files should add a new dependency:

YourBundle/Resources/config/requirejs.yml - for CRM YourBundle/Resources/views/layouts/YourTheme/config/requirejs.yml - for Commerce Frontend

1 2	YourBundle/Resources/config/requirejs.yml - for CRM YourBundle/Resources/views/layouts/YourTheme/config/requirejs.yml - for Commerce Frontend

'jquery-mask-plugin': 'https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.13/jquery.mask.min.js'
After that you should clear cache and rebuild requirejs dependencies:

php app/console cache:clear php app/console oro:assets:install --symlink && php app/console oro:requirejs:build

1 2	php app/console cache:clear php app/console oro:assets:install --symlink && php app/console oro:requirejs:build

Then this dependency will be available like: require('jquery-mask-plugin');

[donaldanteParticipant]

Some plugins and CSS components depend on other plugins. If you include plugins individually, make sure to check for these dependencies in the docs. Also note that all plugins depend on jQuery (this means jQuery must be included before the plugin files).

[Author]

Replies