javascript - Webpack - Exiger des images en utilisant File-Loader
J'utilise Webpack pour mon application React.
J'ai installé 'File-loader' et 'Url-loader' dans ma configuration webpack.
Cependant, je ne suis pas sûr de savoir comment lier des images à mes composants. Je garde le 'src' de l'image dans un fichier 'Data.js' à partir duquel je passe les données de l'image au composant React.
Mon webpack.config.js :
... const PATHS = { app : path.join( __dirname, "app" ), build : path.join( __dirname, "build" ) }; const Lire la suite →javascript - Pourquoi mon paquet Webpack est-il si volumineux ?
Je suis en train d'écrire du JavaScript qui utilise Moment.js et Handlebars. Moment.js est censé peser 30 Ko compressé en gzip et Handlebars est censé peser moins de 10 Ko compressé en gzip. Mais quand j'utilise Webpack pour regrouper mon code, j'obtiens un fichier final qui fait 271 Ko !
J'ai installé webpack-bundle-size-analyzer pour enq
Lire la suite →javascript - Comment NE PAS résoudre les chemins avec Webpack ?
Je travaille sur un projet ReactJs avec Webpack et sass-loader, css-loader et url-loader.
Je voudrais ne pas résoudre les chemins de la police et les garder exactement tels qu'ils ont été définis dans le fichier SASS.
Le problème :
Si j'appe
Lire la suite →javascript - Webpack ne peut pas importer de paquet installé depuis git
Alors j'ai forké un package sur Git. J'ai fait mes modifications. Puis dans mon terminal
npm install --save git+https://github.com/hayk94/ddp.js.gitEt ensuite, j'essaie d'importer le package dans mon code comme ceci
import DDP from 'ddp.js'Mais webpack me donne cette erreur
ERROR in ./main.js Module not found: Error: Can't resolve 'ddp.js' in '/Users/hayksafaryan/projects/b2cEmbedLib' @ ./main.js 23:11-28 @ multi (w Lire la suite →javascript - Plugin Webpack : Comment ajouter dynamiquement un chargeur à un module ?
Je suis en train d'écrire un plugin Webpack. Lors de la résolution des modules, ce plugin devrait ajouter dynamiquement un chargeur spécifique pour certains modules, mais pas pour tous.
Mon idée en ce moment est de tirer parti de l'événement after-resolve de norm
Lire la suite →javascript - Regrouper un composant Stencil avec webpack
Est-ce que quelqu'un sait comment regrouper le composant web créé avec Stencil en utilisant webpack. J'ai plusieurs composants Stencil et je dois créer un bundle pour pouvoir l'utiliser dans d'autres projets.
Réponse #1
Ionic a développé un StencilPlugin pour webpack, ce qui permet d'importer facilement des composants en utilisant le bundler webpack.
Vous pourriez également être intéressé par cet excellent article qui explique plus en détail co
Lire la suite →javascript - L'argument path de Webpack n'est pas une chaîne
Je me creuse la tête en essayant de comprendre pourquoi Webpack indique que pour le module d'entrée « app », le chemin n'est pas une chaîne. Ce n'est pas exactement le même que les autres erreurs que j'ai vues sur Stackoverflow, ce qui m'amène à poser la question moi-même.
J'utilise la dernière version de Webpack (5.16) et Webpack-
Lire la suite →javascript - Changements incompatibles de Webpack pour les modules intégrés sur un site Gatsby
J'ai essayé de déployer mon site Gatsby sur Netlify, mais je continue à obtenir ces erreurs pour différents modules Node chaque fois que j'essaie de déployer. J'ai essayé de créer un fichier webpack.config.js et d'inclure les deux solutions suggérées sans succès. J'ai également essayé d'utilise
Lire la suite →javascript - Ajouter une dépendance dans le plugin Webpack
Est-il possible d'ajouter une dépendance depuis un plugin Webpack? Je génère des fichiers qui utilisent des modèles, et lorsque ces modèles changent, j'aimerais que webpack --watch déclenche une autre compilation.
Voici le plugin :
function BlahPlugin (options) { this.options = options; } BlahPlugin.prototype.appl Lire la suite →javascript - webpack-dev-server ne crée pas le dossier dist en local
Le webpack-dev-server regroupe avec succès les fichiers html, scss et js et la sortie est également servie sur localhost:8080, mais le dossier dist n'est pas créé localement. Voici ma configuration webpack :
var extractPlugin = new ExtractTextPlugin({ filename: 'main.css' }); m Lire la suite →