Packages NPM dans Experience Builder 1.8

NiklasKöhn

En important certains packages NPM dans les widgets ExB 1.8, je suis tombé sur le problème que Webpack 5 n'inclut plus de polyfills pour les modules Core de Node. Cela se manifeste par le message d'erreur "BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default", <\/SPAN>et cela signifie en allemand standard :<\/EM><\/DIV>Les packages qui utilisent des fonctions centrales de node.js ne fonctionnent plus nativement avec Webpack 5.<\/STRONG><\/DIV> <\/DIV>En cherchant une explication, la suivante m'a semblé plausible : "Webpack 4 polyfillait automatiquement de nombreuses API Node<\/STRONG> dans le navigateur. Ce n'était pas un très bon système, car cela pouvait entraîner l'import accidentel de bibliothèques étonnamment volumineuses<\/STRONG> dans votre application, et vous n'aviez aucun contrôle sur les versions exactes des polyfills utilisées. <\/SPAN>Ainsi, Webpack 5 a supprimé cette fonctionnalité." (Source<\/A>)<\/SPAN><\/DIV>

 <\/DIV>

Des descriptions pour remédier à cela se trouvent

en grand nombre<\/A>, directement dans les messages d'erreur de la console et aussi sous la source mentionnée ci-dessus : Les sources nécessaires doivent être inscrites dans webpack.config sous resolve.fallback et installées via 'npm i'.<\/STRONG><\/DIV> <\/DIV>Jusque-là tout va bien. Cependant, cette configuration est fragmentée dans ExB et répartie sur plusieurs fichiers :
<\/span> <\/P>De gauche à droite :<\/SPAN><\/P>webpack.config.js<\/EM> dans le dossier racine "client" référence webpack-extensions.config.js<\/EM> dans le sous-dossier "webpack"<\/LI>webpack-extensions.config.js <\/EM>construit la config à partir de références vers webpack-extensions.common.js<\/EM><\/LI>dans webpack-extensions.common.js<\/EM>, l'objet resolve<\/EM> apparaît à 3 endroits, à savoir dansgetTemplatesWebpackConfig(), <\/SPAN>getWidgetsWebpackConfig() et <\/SPAN>getThemesWebpackConfig(). Ici, la propriété fallback<\/EM> est inscrite, dont le contenu (comme pour les autres propriétés) est inscrit dans webpack.common.js <\/EM>.<\/SPAN><\/DIV><\/LI>dans webpack.common.js <\/EM>, finalement les références aux packages "à remplir" se trouvent sous exports<\/SPAN>.<\/STRONG><\/EM>fallback.<\/EM><\/DIV>Cela fonctionne.<\/DIV>

NiklasKöhn

Na gut, hier ist eine Idee. Um einfach wieder alle hinzuzufügen,  gibt es dieses Paket: https://www.npmjs.com/package/node-polyfill-webpack-plugin
Ich hab's nicht ausprobiert. Wer will?