Bonjour,

Dans des fichiers css, je cherche à utiliser un alias dans les fonctions url() pour indiquer le répertoire de certaines images qui se trouvent dans mon_projet/public/images.
Donc, dans webpack.conf.js, j'ai créé un alias @images comme ceci :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
 
...
var path = require('path');
...
Encore
...
    .addAliases({'@images': path.resolve(__dirname, 'public/images')})
...
;
module.exports = Encore.getWebpackConfig();
Dans mon css, je cherche à accéder à une image de cette manière :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
 
  background-image: url('~@images/sprite.svg');
Or, de cette manière, l'image n'est pas affichée. Lorsque j'inspecte le css généré, j'ai ceci :

background-image: url(/build/images/sprite.56e5c9c8.svg);
Lorsque j'ouvre le fichier sprite.56e5c9c8.svg généré dans /build/images/, j'ai ceci :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
 
module.exports = __webpack_public_path__ + "_/public/images/sprite.e9a8abfa.svg";
Quelqu'un aurait une idée sur l'origine du fait que mon image ne s'affiche pas?

Merci d'avance pour votre aide.