Compass is creating the same sprite map multiple times

Question

This is resulting in an insane compile time: ~20 seconds. Notice that it creates the global-s9e3ed7fd2e.png image 5 times, as opposed to just once for mobile & once for desktop.

I only see @import "sprites/global/*.png"; being called twice, hence my confusion.

Here's the config file: jsfiddle

enter image description here

It looks like you are using Grunt so you might want to show your gruntfile.js as it could be causing the problem. — xphong, Mar 18 '14 at 02:36
Heads up, this is part of a gigantic repo which I am still trying to navigate fluidly. So, I can see about 10 different gruntfile.js files in this repo, all within the node_modules folder. Would the grunthelpers.js file be of more use? — Salar, Mar 18 '14 at 19:18
Wait, just realized that you want the config file. Added to original post in jsfiddle. — Salar, Mar 18 '14 at 20:17

score 2 · Accepted Answer · edited May 23 '17 at 12:23

2

Try setting force:false on your compass config options, there was a previous issue that caused sprites to be regenerated.

Compilation with Compass and sprites is slow regardless. I had a similar problem: Grunt with Compass and Watch compiles slow

edited May 23 '17 at 12:23

Community

1
1

answered Mar 19 '14 at 01:27

xphong

1,114
2
13
20

Yeah, turns out the issue was simply the fact that we were generating so many sprite sheets. Bundled some, removed others, and the compile time dropped drastically. – Salar Jun 06 '14 at 16:36

Compass is creating the same sprite map multiple times

1 Answers1