Plugin Assets in SCSS verlinken

Hi codiverse,

dein kompiliertes CSS liegt zusammen mit allem anderen im public ordner.
Dein Plugin-Bundle wird in der Regel eins zu eins in den Public Ordner unterhalb deines Plugins kopiert.
Die URL zu deinem Bild kann also dementsprechend wie folgt aussehen:

/bundles/myplugin/img/sprite-icons-dtgs-account-docs.png

Ich schreibe mir hierfür meistens eine Variable die den Bundle-Pfad meines Plugins beinhaltet, dann kannst du dir das bischen abkürzen.

$mypluginBundlePath: '/bundles/myplugin/'

background-image: url($mypluginBundlePath + 'img/sprite-icons-dtgs-account-docs.png');

 

1 „Gefällt mir“