Включать изображения Действующих в дерзости без Компаса?

Я хочу добавить изображения base64 в дерзости. Я захватывал в Compass, но это чувствует путь к большому и действительно не, что я ищу. Есть ли хороший способ включать изображения или другие файлы, действующие в css, не используя компас?

6
nl ja de
@cimmanon - если вы используете чистую дерзость, то можно использовать libsass, который является милями быстрее, чем рубиновая дерзость, это может быть серьезным основанием не использовать компас
добавлено автор callum, источник
да, но много людей использует его, потому что it' s достаточно близко к рубиновой дерзости и выигрышу в производительности огромно
добавлено автор callum, источник
Вы могли, вы знать, просто использовать Компас. Самостоятельно, это не "более большое", чем Дерзость: вы получаете более простую командную строку в обмен на использование файла конфигурации. Вы don' t должны сделать любое импортирование, чтобы получить доступ к любой из функций помощника: compass-style.org/reference/compass/helpers
добавлено автор cimmanon, источник
@callum libsass также doesn' t собирают определенные вещи правильно, и отстает от официальной Дерзости с точки зрения поддержки особенности. github.com/hcatlin/libsass/issues/282
добавлено автор cimmanon, источник
Какая сказанная корица.
добавлено автор Florian Schaetz, источник

2 ответы

При использовании пехотинца, можно просто использовать uri данных пехотинца задача, чтобы достигнуть разговора регулярного URL() натягивает к base64.

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

По существу задача будет искать каждый изображения, содержавшиеся во включенной папке в вашем .css. Оттуда, это преобразует URL() в base64.

3
добавлено

Компас - Открытый исходный код, просто получите часть кода, которые подходят вам.

Вот рубиновый источник на GitHub

1
добавлено
i' m поиск чего-то немного больше из коробки....
добавлено автор Himmators, источник
Это смотрит довольно коробки хотя... I' m не очень опытный в рубине..., как я получил бы его управление...
добавлено автор Himmators, источник
К сожалению, если вы используете дерзость узла написанный в C, копирование кода ruby вокруг не является решением...
добавлено автор mgol, источник
Ну, просто управляйте base64 ваш-image.png на раковине
добавлено автор ByScripts, источник
Верстка сайтов HTML/CSS/JS/PHP
Верстка сайтов HTML/CSS/JS/PHP
3 439 участник(ов)

Правила группы: напишите !rules в чате. Группа Вк: vk.com/web_structure Freelancer: @web_fl Веб Дизайн: @dev_design Маркетолог: @topmarkening Автор: @M_Boroda

CSS — русскоговорящее сообщество
CSS — русскоговорящее сообщество
1 502 участник(ов)

Сообщество любителей CSS Возникли проблемы с CSS? – пиши сюда, обсудим и предложим самое лучшее решение Работа: @css_ru_jobs Правила: https://teletype.in/@css_ru/r1EWtQ2w7 Приходите в наши чаты @javascript_ru и @frontend_ru Флуд: @css_flood

Чат — Типичный Верстальщик
Чат — Типичный Верстальщик
1 080 участник(ов)

Основной канал: @tpverstak Обратная связь: @annblok Все ссылки на соц.сети проекта: http://taplink.cc/tpverstak ПРАВИЛА ЧАТА — https://teletype.in/@annblok/BygPgC3E7

Веб-Технологи: UI/UX, Вёрстка, Фронтенд
Веб-Технологи: UI/UX, Вёрстка, Фронтенд
167 участник(ов)

Всё про веб-дизайн и вёрстку. А также: HTML, CSS, флекс и бутстрапы, шаблонизаторы, препроцессоры, методологии, аглифаеры, улучшаторы и обфускаторы. Обсуждаем темы юзабилити, устраиваем А/В тесты лендингов, и проводим аудит.

DTP :: @DTPublish
DTP :: @DTPublish
147 участник(ов)

Обсуждаемые темы: полиграфия, препресс, верстка, дизайн, иллюстрации, скрипты, плагины. Канал - @DTPublishing

css_jobs
css_jobs
26 участник(ов)

Чат для вопросов по css и html: @css_ru Флуд: @css_flood Канал с вакансиями и резюме: @css_jobs_feed

css_флуд
css_флуд
10 участник(ов)