Aller au contenu

[Webpack Encore] Exploiter la méthode .addRule() et le module Assets Module pour optimiser des fichiers SVG

  • par

Testé fonctionnel Webpack Encore v1.1.2 (tournant sous Webpack v5.34.0).

Installer image-webpack-loader:

Dans webpack.config.js:

Attention au chemin renseigné pour la méthode .setOutputPath(): c’est là que vos SVG optimisés seront consignés.

Dans assets/app.js


Solution alternative avec le module svgo-loader (mais ne prend en charge que le format SVG):

Dans webpack.config.js: