Themes kompilieren PNG Data Uri

Shopware 5 Themes & Design
1

Hi wenn ich mein custom Theme über den Theme-Manager kompilieren will, kommt der less Compiler nicht über diese Zeile hinaus:

@footerImg: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIQAAAAoCAYAAAA/mlIyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAACM5JREFUeNrsXGtsW2cZfs45to/v9ziJmzU3NzRrVtoma1lppw6YVLSOIW0gbQOGhJDQkBD/mDQYaEL8QeMiDXH5gUBoCMEPJLQJDSpNm7Zu7bqupS1r066htzj3xPHtxJdj3u9z3EsSn2PHdhLHftsjJ8dfP9vf+3zP+7zv+7nC438bzGFj208WVPH57fY4fnrvRUAV2b1xugJVmT2XposeRQtdZpo/RhfdE9nrSKuftyclsIfwxX68Hv0mTILCX22DrzVEbHxbyStn0LSamKEO3uNKuypbNXYw9gKOZwB5L0HPC2RGAeVNIPpHepUZQDDWnVNz7E+uOBkJhUdBrEtAHK/JrCws2I8A/t/SKgRv35fpsj1Gzz0FTHwdSJ2vK1BkcxkE7FuxK3gIapEIJQoSJqJXcTb8Fh8h3IJIfQCiBlsoA5iIGfy/vhsMd5o8BLT8jkTAYRofr0xPrOlny8FitKHV2aUNHLYhCvwr1JeGqMmiwf4kgaFDe5x5P2B5mMardfbx9LWrmsvWraisviQRpbyzSzHLwTrIDRory6iBRiVASP4SV8jVUKvTgIAQ8tlF6qPShrOsowmIzQ4IYonkv0oYS8BJvHaX6GoCYlNigj52/FUCxVHtcZFfAcq7NN7QBMTmBgRpCDUCTHwViL1CP0eX5GSTBIafA9PfW0w3G4ciGrMOwUFhJH0wBox/hTKOBwB5Z35/5FLAwnFihnOsgtNQ7FA1QORLpfm6WD4HzvGyqLAYs0VB2Ji7jFcgc/mwkHz3LpkB0diQ+2TVgGCFjYyaRjqbhkEywmqwwUCLaJLMBAARC1mFl1HZ88lMnAPGJMl8zMYwlf5mi2emucVKXqVdzypaVs3QuqsoFEZYyVkQJUiCtD6ASGdTHAgC7Xi32Y9u9ydwj7MXQUcn2u0dsBjt8NB9Izl9RpmCkkkglprHeOwGbkRHcGnmHK7MXuCMYhJNKzZX1gwMohdwfY0e7RrUR6CI/oE8Mb5ucosBQCUgSLTpWmiNnWYf41zOYioBOkLrPJsYp82XJmAY1w4QDAgdzh4MBIYw2H4Ave5+OGQ33/Urmdey/LgCA8eF6TN49dKfcXrsGC8JG8R1iNGsbCv5AM+L5Ger9tjE6/laxDqAlzGCkdY3FLgfPf6dtN5e/vudliImnldmMDzxPq5Mny1akq46INIUHp755HexN3ho1S9mNzkx1H6QX/+8/Ff86ewvkEjH1ymMsJAxpw2IXALV6rSXa2k1RZuqFfu6HuHdy2LGQrTfFoS/+zEEXb14Z+QfFYGirO0ZISRWyz4f+jIcBJCX3nuO06IoNGYGvCIzkPZyW/x4MPQEXOaWkv9dl3cAqYyCG5FLa1OHiKRmq/rBD2w9jId7Hue017RFUqLNYSR99anOR8sCQ8FCgT3o9PSX1PGsGBCqWn36fLTvaR5Kco3UUtSwDOmGXv8utJJQX51DRXT7dkJYZZZvKAO6mEyE77p1ff5jXJg8jeHZc/znmeQUT4X8tjbsbt2Pz3R9geKgNsqDFB+3+3bhg7G3IVM8bHB+gGwwo4+EeznCM0N6Qzbc1kKVhN+yNIS4mO9+NHWaMoVXcGb8PQLBJL/P3kQhjQzHruFU+G0cHfk7nj/wS56aFjOJsoxtvgEcv/lGwwOC1XU6PX08tSxFZ5wPH8PNyDAy2TRctPHuo+zPY21bmyxDJMeNRq/iNx/8GP8mRyvpBE+BrEZ7EfUr439zw/j96ZfwwsGXNWsOLdZ2msvEw4bQSK3FJcbqCyxT0FsDpg9OXT9KgHiH/CLx8dPE3jPxMD5LIdhh9tZeVLJi09mJE3jt8l/47+zcnl4NwWyw4OL0f3Bl7oLOOGt+rlzj6giWacm0Xl7aHHo2p0xiePIU35AGEqDSYoV4TpnCeVbfqcDKCjasXsBo/U4EZynnTWUXkMwkkEjHeJmala3ZxShwipA7QkyhZW6iSPaB1AYWlry0T/rBZdE/yRWOXKYwkVrGuiz8hudHkEjF1kZD3AkCdmqXFavcsg8tznb+aDXZYTc6uIMLrmXA2OLo0mEfU7MOQWYzOksq0k3Fb/L2wTI9RlpunlgiokxwX9QcEAzFC+oCPLIfOwKD2Bd8CFtdIfhJyLhkTwXauply8gyDwnApFluIaD4fVWbR7qwxQ7CwwHTEkdCTOLLtKd7XaFo14UAMIesf6E2THxg7FxOeLIzEKigglgQIFhp8lgC+Nfh97NvyUNN766w19Bi1pr0MJgxZOPgBpY49nv4S8+l8sWQ6MUEaIkkhpR1O2d305pqkrkBcJ6SsGhAMiUxAPj3wbV0wKJkkToy+gVOU9lylrGKK9+izRF9zeHbohzjc+6Wmt3SdWZ0ajFTBkQKDnm7Y7tuJQ11HNCe5HrmCl0/+COcnT95KTwtH6Fg6mil8j7Bpmjs7kZqvihaxmBy1Cxn3Bw9BlizFFW8qgp8df46Xs230RpainKWUxQ7RNG3pBtTv+hpoLSWdg78mUa4+IFi4YM7c5r1Pc4L3R9/i1UjWsVwubtT8sTpLS9PbJXBEnDbXki9jLzNWr2EFrGLCknWkHSX0QorOr8U9LBZt0WnDXotcvtX0WmqsAcPE5D3NFFUfDoLAGSJZQtgoVt5mPQ6z0Qq3JVADQCwildXX9QRMMbSyQ7l9xDBtto5qr9/Q5uMHAkRmARFlUndsq6NrxQMwTKv5bEF+1rX6gBDy6aOSiWtOEPLu4Idll4KCgcFp8uCJ/m/UYv1Obj6GEAkQSYxHr5cAiK3w27fw1P42oaucqUMte3izq2Yh41rkY80Jdrc+gAc7H+E9+QIoWGGEnQn8zt4XSYMMVLpWK/1HDns3Y9hgDh2bH9HNyliXc7DjcyTiXbe+IMWsL7AHXZ57K3oPBr2QMRq79qHWGBZSnh16AS3WNpwYfROJdBS72z7Nj8aFPDvKeS+7i9yPrpTcsFC6GUExkxj9cF6ZJp2gfdClzdmN/d1fxH/HjvHvv3S4tmFH+/5yv+uybM3/L8AAREwlFYK4z0UAAAAASUVORK5CYII=');

…Grunt verarbeitet den Code aber problemlos. Das Problem mit den Data Uris passiert  nicht bei SVGs.

Gruß Alex

2

Update: Es hat doch nichts mit dem Dateityp PNG zu tun(eher mit Data Uris generell) und das Problem tritt nur in Windows auf.

C:\wamp\htdocs\aid_shopware>"../../php7/php.exe" bin/console sw:theme:cache:generate
Generating theme cache for shop "aid-Medienshop" ...

[37;41m [39;49m
[37;41m [Less_Exception_Parser] [39;49m
[37;41m in all.less on line 41, column 1 [39;49m
[37;41m 39| @btnLightCross: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2OC4wMjkiIGhlaWdodD0iNjguMDI5IiB2aWV3Qm94PSI [39;49m
[37;41m wIDAgNjguMDI5IDY4LjAyOSI+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTUzLjYxNSAxOC42NThsLTQuMjQzLTQuMjQyLTE1LjM1NyAxNS4zNTctMTUuMzU4LTE1LjM1OC00LjI0MiA0LjI0MiAxNS4zNTggMTUuM [39;49m
[37;41m zU4LTE1LjM1OCAxNS4zNTcgNC4yNDIgNC4yNDMgMTUuMzU4LTE1LjM1OCAxNS4zNTcgMTUuMzU3IDQuMjQzLTQuMjQzLTE1LjM1OC0xNS4zNTUiLz48L3N2Zz4='); [39;49m
[37;41m 40| [39;49m
[37;41m 41| / **images** / [39;49m
[37;41m 42| @footerAidImg: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIQAAAAoCAYAAAA/mlIyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAACM5JREFUeNrsXGts [39;49m
[37;41m W2cZfs45to/v9ziJmzU3NzRrVtoma1lppw6YVLSOIW0gbQOGhJDQkBD/mDQYaEL8QeMiDXH5gUBoCMEPJLQJDSpNm7Zu7bqupS1r066htzj3xPHtxJdj3u9z3EsSn2PHdhLHftsjJ8dfP9vf+3zP+7zv+7nC43 [39;49m
[37;41m 8bzGFj208WVPH57fY4fnrvRUAV2b1xugJVmT2XposeRQtdZpo/RhfdE9nrSKuftyclsIfwxX68Hv0mTILCX22DrzVEbHxbyStn0LSamKEO3uNKuypbNXYw9gKOZwB5L0HPC2RGAeVNIPpHepUZQDDWnVNz7E+u [39;49m
[37;41m OBkJhUdBrEtAHK/JrCws2I8A/t/SKgRv35fpsj1Gzz0FTHwdSJ2vK1BkcxkE7FuxK3gIapEIJQoSJqJXcTb8Fh8h3IJIfQCiBlsoA5iIGfy/vhsMd5o8BLT8jkTAYRofr0xPrOlny8FitKHV2aUNHLYhCvwr1J [39;49m
[37;41m eGqMmiwf4kgaFDe5x5P2B5mMardfbx9LWrmsvWraisviQRpbyzSzHLwTrIDRory6iBRiVASP4SV8jVUKvTgIAQ8tlF6qPShrOsowmIzQ4IYonkv0oYS8BJvHaX6GoCYlNigj52/FUCxVHtcZFfAcq7NN7QBMTm [39;49m
[37;41m BgRpCDUCTHwViL1CP0eX5GSTBIafA9PfW0w3G4ciGrMOwUFhJH0wBox/hTKOBwB5Z35/5FLAwnFihnOsgtNQ7FA1QORLpfm6WD4HzvGyqLAYs0VB2Ji7jFcgc/mwkHz3LpkB0diQ+2TVgGCFjYyaRjqbhkEywm [39;49m
[37;41m qwwUCLaJLMBAARC1mFl1HZ88lMnAPGJMl8zMYwlf5mi2emucVKXqVdzypaVs3QuqsoFEZYyVkQJUiCtD6ASGdTHAgC7Xi32Y9u9ydwj7MXQUcn2u0dsBjt8NB9Izl9RpmCkkkglprHeOwGbkRHcGnmHK7MXuCM [39;49m
[37;41m YhJNKzZX1gwMohdwfY0e7RrUR6CI/oE8Mb5ucosBQCUgSLTpWmiNnWYf41zOYioBOkLrPJsYp82XJmAY1w4QDAgdzh4MBIYw2H4Ave5+OGQ33/Urmdey/LgCA8eF6TN49dKfcXrsGC8JG8R1iNGsbCv5AM+L5G [39;49m
[37;41m er9tjE6/laxDqAlzGCkdY3FLgfPf6dtN5e/vudliImnldmMDzxPq5Mny1akq46INIUHp755HexN3ho1S9mNzkx1H6QX/+8/Ff86ewvkEjH1ymMsJAxpw2IXALV6rSXa2k1RZuqFfu6HuHdy2LGQrTfFoS/+zEE [39;49m
[37;41m Xb14Z+QfFYGirO0ZISRWyz4f+jIcBJCX3nuO06IoNGYGvCIzkPZyW/x4MPQEXOaWkv9dl3cAqYyCG5FLa1OHiKRmq/rBD2w9jId7Hue017RFUqLNYSR99anOR8sCQ8FCgT3o9PSX1PGsGBCqWn36fLTvaR5Kco [39;49m
[37;41m 3UUtSwDOmGXv8utJJQX51DRXT7dkJYZZZvKAO6mEyE77p1ff5jXJg8jeHZc/znmeQUT4X8tjbsbt2Pz3R9geKgNsqDFB+3+3bhg7G3IVM8bHB+gGwwo4+EeznCM0N6Qzbc1kKVhN+yNIS4mO9+NHWaMoVXcGb8 [39;49m
[37;41m PQLBJL/P3kQhjQzHruFU+G0cHfk7nj/wS56aFjOJsoxtvgEcv/lGwwOC1XU6PX08tSxFZ5wPH8PNyDAy2TRctPHuo+zPY21bmyxDJMeNRq/iNx/8GP8mRyvpBE+BrEZ7EfUr439zw/j96ZfwwsGXNWsOLdZ2ms [39;49m
[37;41m vEw4bQSK3FJcbqCyxT0FsDpg9OXT9KgHiH/CLx8dPE3jPxMD5LIdhh9tZeVLJi09mJE3jt8l/47+zcnl4NwWyw4OL0f3Bl7oLOOGt+rlzj6giWacm0Xl7aHHo2p0xiePIU35AGEqDSYoV4TpnCeVbfqcDKCjas [39;49m
[37;41m XsBo/U4EZynnTWUXkMwkkEjHeJmala3ZxShwipA7QkyhZW6iSPaB1AYWlry0T/rBZdE/yRWOXKYwkVrGuiz8hudHkEjF1kZD3AkCdmqXFavcsg8tznb+aDXZYTc6uIMLrmXA2OLo0mEfU7MOQWYzOksq0k3Fb/ [39;49m
[37;41m L2wTI9RlpunlgiokxwX9QcEAzFC+oCPLIfOwKD2Bd8CFtdIfhJyLhkTwXauply8gyDwnApFluIaD4fVWbR7qwxQ7CwwHTEkdCTOLLtKd7XaFo14UAMIesf6E2THxg7FxOeLIzEKigglgQIFhp8lgC+Nfh97Nvy [39;49m
[37;41m UNN766w19Bi1pr0MJgxZOPgBpY49nv4S8+l8sWQ6MUEaIkkhpR1O2d305pqkrkBcJ6SsGhAMiUxAPj3wbV0wKJkkToy+gVOU9lylrGKK9+izRF9zeHbohzjc+6Wmt3SdWZ0ajFTBkQKDnm7Y7tuJQ11HNCe5Hr [39;49m
[37;41m mCl0/+COcnT95KTwtH6Fg6mil8j7Bpmjs7kZqvihaxmBy1Cxn3Bw9BlizFFW8qgp8df46Xs230RpainKWUxQ7RNG3pBtTv+hpoLSWdg78mUa4+IFi4YM7c5r1Pc4L3R9/i1UjWsVwubtT8sTpLS9PbJXBEnDbX [39;49m
[37;41m ki9jLzNWr2EFrGLCknWkHSX0QorOr8U9LBZt0WnDXotcvtX0WmqsAcPE5D3NFFUfDoLAGSJZQtgoVt5mPQ6z0Qq3JVADQCwildXX9QRMMbSyQ7l9xDBtto5qr9/Q5uMHAkRmARFlUndsq6NrxQMwTKv5bEF+1r [39;49m
[37;41m X6gBDy6aOSiWtOEPLu4Idll4KCgcFp8uCJ/m/UYv1Obj6GEAkQSYxHr5cAiK3w27fw1P42oaucqUMte3izq2Yh41rkY80Jdrc+gAc7H+E9+QIoWGGEnQn8zt4XSYMMVLpWK/1HDns3Y9hgDh2bH9HNyliXc7Dj [39;49m
[37;41m cyTiXbe+IMWsL7AHXZ57K3oPBr2QMRq79qHWGBZSnh16AS3WNpwYfROJdBS72z7Nj8aFPDvKeS+7i9yPrpTcsFC6GUExkxj9cF6ZJp2gfdClzdmN/d1fxH/HjvHvv3S4tmFH+/5yv+uybM3/L8AAREwlFYK4z0 [39;49m
[37;41m UAAAAASUVORK5CYII=');                                                                                                                                           
                                                                                                                                                           [39;49m
[37;41m [39;49m

[32msw:theme:cache:generate[39m


C:\wamp\htdocs\aid_shopware>grunt --version
grunt-cli v1.2.0

 

3

Eine „Lösung“ ist die data uris wie folgt zu definieren:

background-image: ~"url('data:image/ usw.')";