Informatique
Publié le 06/03/2017, rédigé par Davy CLAISSE

Webpack

Comment minifier un bundle de fichiers JS ?

Article précédent : Comment créer plusieurs bundles JS différents ?

Éléments du problème :

Que souhaitons-nous faire ?

Comment faire ?

var webpack = require("webpack");                   // Import de Webpack et de ses plugins intégrés (pour la minification)

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: 'app.minified.js'             // Le nom du bundle minifié à générer
    },

    plugins: [
        new webpack.optimize.UglifyJsPlugin({   // Le plugin webpack permettant la minification
            minimize: true                      // Activation de la minification (ne fait rien à 'false')
        })
    ]
};

Voilà, vous venez de concaténer des fichiers avec Webpack.

Sélection d'articles :

ITAMETIS

Bienvenue sur l'université d'ITAMETIS où ses membres s'expriment librement sur les sujets qui leur plaisent. C'est un lieu de partage et d'échanges afin de fournir à tous, une base de connaissances accessible de manière libre et gratuite.

Qui nous sommes

Politique de Confidentialité