|
Publié le par Davy CLAISSE

Webpack

Comment concaténer plusieurs libs JS dans un bundle unique ?

Article précédent : Comment concaténer un fichier JS à ses dépendances ?

Éléments du problème :

  • Je dispose de plusieurs libs écrites en JS.
  • Ces libs n'ont aucune dépendances entre-elles.
  • Il y a une requête HTTP par lib à télécharger ce qui plombe les performances de mes pages web.

Que souhaitons-nous faire ?

  • Avoir un seul fichier JS en sortie où tous les fichiers sont concaténés

Comment faire ?

  • Utiliser Webpack.
  • Créer un fichier webpack.conf.js à la racine de votre projet et y déposer le code suivant :
module.exports = {
    entry: [                    // La liste des fichiers à concaténer
        './src/Car.js',
        './src/Vehicule.js'
    ],

    output: {
        path: './target',       // Le répertoire où sera produit le bundle
        filename: 'bundle.js'   // Le nom du fichier bundle à générer
    }
};

Voilà, vous venez de concaténer des fichiers JS sans relation entre-eux avec Webpack.