I tried to use grunt-inline and while all my css and js files were minified / uglified and inlined, the background images referenced in the css haven't been base64 encoded. My css is in the css folder and referenced in the html as href="css/style.css". All my images are in the img folder and they are referenced in the css as url( ../img/image-name.jpg ). I added tag: '', to the options in my Gruntfile.js. (I also tried adding ?__inline=true at the end of all the images in the css but the base64 encoding still didn't happen). I also realized the the image urls got messed up and became url( css/ ../img/image-name.jpg ). Do I need to use a specific folder structure? Or is there any other dependencies that I need to have installed on my computer? (I'm using a Macbook Air with Mavericks). Thanks!
I tried to use grunt-inline and while all my css and js files were minified / uglified and inlined, the background images referenced in the css haven't been base64 encoded. My css is in the css folder and referenced in the html as href="css/style.css". All my images are in the img folder and they are referenced in the css as url( ../img/image-name.jpg ). I added tag: '', to the options in my Gruntfile.js. (I also tried adding ?__inline=true at the end of all the images in the css but the base64 encoding still didn't happen). I also realized the the image urls got messed up and became url( css/ ../img/image-name.jpg ). Do I need to use a specific folder structure? Or is there any other dependencies that I need to have installed on my computer? (I'm using a Macbook Air with Mavericks). Thanks!