Publié le 06/01/2017, rédigé 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.