h5bp / ant-build-script

Ant build script intended for use with HTML5 Boilerplate. You may find something useful here, but this project is archived.
MIT License
985 stars 204 forks source link

Compass Support? #105

Open lifeiscontent opened 12 years ago

lifeiscontent commented 12 years ago

Any plans for supporting Compass? I notice in the config there is support for SCSS, so I'm guessing it might not be super hard to build out this functionality.

roblarsen commented 12 years ago

I'm down. It might take a minute for me to do it, but we might get a volunteer like we did for SCSS and LESS, so there's always hope it'll happen sooner.

SunburnedGoose commented 11 years ago

I tried to get this to work this weekend. There are some inconsistencies with Compass when it is running as a gem in a jar. I was able to compile my SCSS scripts with Compass, but I was getting errors reported that didn't seem to impact the execution.

roblarsen commented 11 years ago

I have a working compass based task in this branch

https://github.com/h5bp/ant-build-script/tree/compass

ant compile.sass will work as a standalone task. I think the watch task works as well. For now, you need a ./sass/ directory in the root of your H5BP project containing *.scss files to process. Right now the configuration for both of those is done in https://github.com/h5bp/ant-build-script/blob/compass/tools/compass/config.rb

I need help to get this out the door. I have some questions that need answering/aid to solve before this issue is done and dusted.

  1. Do I really need the bazillion files in the build/tools/compass directory? the sass task didn't put ~2000 files into the project.
  2. What's a decent default configuration? What does your typical workflow look like? Can your scss files live in your css directory?
  3. Does the same build workflow as the sass task work? Including the "copy concatenated .css file to .scss" piece?
  4. any other feedback?

These tasks are based on these two articles:

http://caueguerra.com/tutorial-using-sass-in-a-java-project http://creativewizardry.com/Using-Compass-&-Sass-With-Apache-Ant

My work on this issue is done, since I'm not a user of this stuff. If someone can pitch in and help me out it will get into the 1.0 release. Otherwise, I'll be waiting for a hero.

Right now I'm just going to go work on documentation, the changelog and maybe the FTP task.

lifeiscontent commented 11 years ago

@roblarsen awesome to hear this is coming along :)

after seeing a multitude of projects using compass/scss, I've seen scss in the same folder as the css, in separate folders called scss and those are generally the 2 major cases.

However, a good portion of web frameworks usually just have the scss in their assets directory and have a build server compile the css on deploy, and depending on which framework it is, it'll go into the public directory, or up on Amazon S3 to have fast loading of assets.

Generally speaking, I'd see a great use of this feature if it were able to hook into the deploy process of a production build, and being able to configure which directory those assets go into, or get uploaded to might be ideal.

Hope this helps!