How to add external libraries? js_cookie__WEBPACK_IMPORTED_MODULE_0__

[capoia]

Hello, I needed to work with cookies and masks in the component I'm building using the grapesjs cli.
More precisely I need to use these libraries inside the "script" property in the type definition.
I'm trying to use the vanilla-masker and js-cookies libraries for this, but when using IMPORT inside the components.js file I get the error: "js_cookie__WEBPACK_IMPORTED_MODULE_0__".
I saw that if I import the packages inside index.js they work correctly.
I even tried to pass it via OPTS, but within the script function these variables are not accessible.
I also try to use require() but dont work too.

[capoia]

@artf Sorry to bother you, but can you help me with this?

[artf]

I'd suggest to follow the guide here on how to deal with dependencies in your script. The suggested dynamic load of dependencies guaranties that they won't be bundled in the end-user page if not used in the editor.

[capoia]

I'd suggest to follow the guide here on how to deal with dependencies in your script. The suggested dynamic load of dependencies guaranties that they won't be bundled in the end-user page if not used in the editor.

Thanks a lot for the feedback.
I saw that the guide talks about CDN, but is it possible to use the npm package? performance is vital for my application (I use gtmetrix and it complains a lot about cdn).

[artf]

Another option is to use template related dependencies but then it's up to you to inject them properly in the output HTML.