Dołącz obrazy jako Inline w sassie bez kompasu?

Question

Chcę dodać obrazy jako base64 w sass. Blokowałem w Compassie, ale wydaje mi się, że jest to niewygodne i naprawdę nie to, czego szukam. Czy istnieje dobry sposób na dołączanie obrazów lub innych plików w formacie inline w css bez użycia kompasu?

Answer 1

Kompas jest Open Source, wystarczy pobrać część kodu, która Ci odpowiada.

Here is the ruby source on Github

Answer 2

Jeśli używasz grunt, można po prostu użyć zadania grunt-data-uri w celu osiągnięcia rozmowę regularny ciąg url() do base64.

 dataUri: { 
      dist: { 
       src: ['dist/styles/*.css'], 
       dest: 'dist/styles/', 
       options: { 
       target: [ 
        'img/low-res/embeded/*.*' 
       ], 
       fixDirLevel: true 
       } 
      } 
     }, 

Zasadniczo zadanie będzie szukać wszystkich obrazów zawartych w osadzonym folderze w pliku .css. Stamtąd przekształci adres url() w base64.