Actualités du digital

Que fait Webpack et comment l'utiliser pour mon site Web? – CloudSavvy IT

Webpack peut regrouper vos fichiers JavaScript.

Webpack est un utilitaire qui peut regrouper vos fichiers JavaScript. Cela vous permet d'être plus organisé et plus productif, et permet également l'utilisation de langages pré-traités comme SASS et TypeScript.

À quoi sert Webpack?

Imaginez que vous travaillez sur un site Web avec beaucoup de JavaScript personnalisé. Vous travaillez sur ce projet depuis un certain temps et les choses sont vite devenues incontrôlables. Votre index.html a 20 différents

Les outils de développement de Chrome affichent les demandes envoyées.

La solution ici est regroupement. Au lieu de créer des liens vers des ressources externes, vous les téléchargez toutes localement et les incluez en tant que dépendances de votre code. Webpack regroupe tout cela en un seul main.js fichier contenant tout ce dont votre site a besoin. Vous devez alors simplement inclure ce fichier JavaScript et vous débarrasser de tous les autres

Maintenant, chaque fois que vous exécutez:

npm run build

Webpack exécutera et regroupera votre projet.

Si vous souhaitez ne pas avoir à courir "npm run build"Après chaque modification que vous apportez, vous devez installer webpack-dev-server, qui se reconstruira automatiquement lorsque des modifications sont apportées.