Я не могу заставить функцию data-uri() работать с gulp.js для base64 изображения на Mac

Question

У меня есть менее смешанный набор для создания фонового изображения base64, как этот пример вывода.

.test {
  background-image: url("/images/ui-baseline.png");
}

.svg .test {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAgNDAiID48cmVjdCB5PSIzOSIgZmlsbD0iI0ZGODBDQiIgd2lkdGg9IjUiIGhlaWdodD0iMSIvPjxwYXRoIGZpbGw9IiM4MERERkYiIGQ9Ik01LDM1SDB2LTFoNVYzNXogTTUsMzBIMHYtMWg1VjMweiBNNSwyNUgwdi0xaDVWMjV6IE01LDIwSDB2LTFoNVYyMHogTTUsMTVIMHYtMWg1VjE1eiBNNSwxMEgwVjloNVYxMHogTTUsNUgwVjRoNVY1eiIvPjwvc3ZnPg==);
}

Он отлично работает в моей среде Windows Gulp, но я не могу заставить его работать на Mac-версии той же среды Gulp.

Запустив глоток на моем Mac, я получаю что-то вроде этого:

  .test{
      background-image: url("/images/ui-baseline.png");
  }
  .svg .test {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%222px%22%20height%3D%222px%22%20viewBox%3D%220%200%202%202%22%3E%3Crect%20width%3D%222%22%20height%3D%221%22%20%20fill%3D%22%23000000%22%20%2F%3E%3Crect%20y%3D%221%22%20fill%3D%22%233C3C3C%22%20width%3D%222%22%20height%3D%221%22%2F%3E%3C%2Fsvg%3E");
  }

Раньше я обрабатывал меньше, используя коалу, как на Windows, так и на Mac, они все еще работают правильно. В моем файле koala.json мне пришлось установить опцию no-ie-compat

Я удалил gulp.js из моего Mac и заменил его моей версией для Windows, я все еще получаю ту же проблему.

Я полностью сбит с толку.

У кого-нибудь есть идеи? Спасибо

Answer 1

Подняв проблему на git hub, оказалось, что это сделано намеренно и имеет преимущества в производительности

https://github.com/less/less.js/issues/2469