Comment regrouper html, js et css dans un fichier html avec Webpack?
J'ai construit mon application avec webpack en fusionnant tous les css dans un seul fichier, tous les js en un seul fichier et en ayant un code HTML pour mon application SPA.
Lorsque je teste avec webpagetest, la plupart de mes problèmes ne concernent pas le chargement des fichiers mais leur chargement en tant que fichiers individuels.
html+css+js=index.html
Comment compresser mes fichiers html, css et js dans un seul fichier index.html afin de pouvoir éviter les frais généraux liés à http?
Webpack ou n'importe quel plugin webpack est préférable, puisque nous l'utilisons déjà.
Merci pour toute direction à ce sujet.
J'utilise html-webpack-plugin injecte la sortie de Webpack dans un fichier index.html.
En supposant que vous vouliez inclure tous ces fichiers dans une requête http de index.html, vous pouvez utiliser html-webpack-inline-source-plugin pour y parvenir.
fiche éhontée entrant
J'ai trouvé le WebPack trop lourd, surtout lorsque j'utilise déjà browserify pour intégrer mes require(). J'ai donc écrit un paquet cli de ~ 30 lignes npm utilisant le string.replace: https://www.npmjs.com/package/inline-scripts de JS . Usage, $ inline-scripts src/index.html out/index.html