Salut tout le monde, c'est Lazare!
Dans cette vidéo, on va voir comment installer et configurer Webpack pour commencer à l'utiliser dans vos projets. Voici un petit résumé des étapes :
Initialisation du Projet : On commence par créer un nouveau dossier et initialiser un projet Node avec :
npm init -y
Cela crée un fichier package.json pour gérer nos dépendances.
Installation de Webpack et Webpack CLI : Pour utiliser Webpack, il faut l'installer ainsi que l'outil de ligne de commande :
npm install webpack webpack-cli --save-dev
Cela installe Webpack en tant que dépendance de développement.
Créer les Fichiers Nécessaires : On crée un fichier d'entrée assets/index.js qui sera le point de départ de notre application.
Configuration de Webpack : Ensuite, on crée un fichier webpack.config.js pour configurer Webpack :
const path = require('path');
module.exports = {
entry: './src/index.js',
output: {
filename: 'bundle.js',
path: path.resolve(__dirname, 'dist'),
},
mode: 'development',
};
Lancer Webpack : Pour compiler notre code avec Webpack, on utilise la commande :
npx webpack
Voilà, c'est tout pour l'installation et la configuration de base de Webpack ! Avec cette configuration, vous pouvez déjà commencer à structurer vos projets et à gérer vos dépendances de manière efficace. 😊