Inclure des ressources en base64 avec Webpack

Encoder ses images en base64 est une technique d'optimisation qui permet de convertir une image en une chaîne de caractères directement exploitable par le navigateur, le but principal est d'économiser une requête HTTP vers la ressource.

Le loader url-loader permet d'optimiser automatiquement une ressource en fonction de sa taille.

{
    test: /\.(png|jpg|gif|svg)$/,
    use: [
        {
            loader: 'url-loader',
            options: {
                limit: 8192,
                name: '[name].[hash:7].[ext]'
            }
        }
    ]       
}