Ich möchte Bilder als Base64 in Sass hinzufügen. Ich habe bei Compass gesperrt, aber es fühlt sich viel zu sperrig an und wirklich nicht das, wonach ich suche. Gibt es eine gute Möglichkeit, Bilder oder andere Dateien inline in CSS zu integrieren, ohne den Kompass zu benutzen?Fügen Sie Bilder als Inline in Sass ohne Kompass ein?
Kompass ist Open Source, einfach den Teil des Codes, der Ihnen passt.
Wenn Sie grunzen verwenden, können Sie nur verwenden, um die grunt-data-uri Aufgabe, um die Unterhaltung der regelmäßigen url() String base64 zu erreichen.
dataUri: {
dist: {
src: ['dist/styles/*.css'],
dest: 'dist/styles/',
options: {
target: [
'img/low-res/embeded/*.*'
],
fixDirLevel: true
}
}
},
Im Wesentlichen wird die Aufgabe für alle innerhalb des eingebetteten Ordner in Ihrem css enthaltenen Bilder zu sehen. Von dort wird es die url() in base64 konvertieren.
Sie könnten, Sie wissen, einfach Compass verwenden. Für sich genommen ist es nicht "sperriger" als Sass: Sie erhalten eine einfachere Befehlszeile für die Verwendung einer Konfigurationsdatei. Sie müssen keinen Import durchführen, um Zugang zu einer der Hilfsfunktionen zu erhalten: http://compass-style.org/reference/compass/helpers/ – cimmanon
Was Zimt sagte. – axoplasm
@cimmanon - wenn Sie pure Sass verwenden, dann können Sie libsass verwenden, die Meilen schneller ist als Ruby Sass, dies kann ein guter Grund sein, nicht zu verwenden Kompass – callum