better installation instructions?

[akhatri]

Hey just a question really
I'm trying to get this to work on my meteor app but it doesnt do anything.

I've installed the packages and created a scss.json file under client/lib

What goes inside this scss.json file? The Readme is a bit brief but as I am new to meteor i'm kinda struggling to get this working.

At the moment I just want it to work so all the scss files in my meteor app are compiled to css.
I have got bootstrap LESS package (I hope that is not causing a conflict?)

[fourseven]

Fair comment, the first suggestion would be around scss.json - it needs to be at the root of the project, not in a subfolder. The options it supports are similar to node-sass, plus the extras listed in our readme.

Apart from that having any .scss or .sass file should be transparently converted to css and loaded for you without further configuration.

[akhatri]

hey i tried to implement what you suggested but it seems to give some parsing error through meteor logs

=> App running at: http://localhost:3000/ Error: failed to parse /home/ak/Desktop/wolverine/scss.json as JSON Error: failed to parse /home/ak/Desktop/wolverine/scss.json as JSON => Client modified -- refreshingError: failed to parse /home/ak/Desktop/wolverine/scss.json as JSON Error: failed to parse /home/ak/Desktop/wolverine/scss.json as JSON => Client modified -- refreshing (x2)Error: failed to parse /home/ak/Desktop/wolverine/scss.json as JSON Error: failed to parse /home/ak/Desktop/wolverine/scss.json as JSON => Client modified -- refreshing (x3)Error: failed to parse /home/ak/Desktop/wolverine/scss.json as JSON

I have only added this to the scss.json file (where all my scss and css files are kept at the moment)

{ "includePaths": [ "client/assets/scss" ] }

My root folder structure is as below

• scss.json
• client
  • assets
    • scss
      • 0-theme
      • 1-layouts
        • _style.scss
      • 2-modules
• server

Shall i remove and re-add your meteor package?

[Naycon]

Hi Akhatri,

Actually, you don't need to specify any path to your assets in your scss.json file. Meteor does some magic for you and collects all the scss files it can find in your project folders (it ignores the server, private and all folders starting with a dot (".") though) and passes that on to this meteor package for handling. So you can simply remove the path from you scss.json file.

This here is what my scss.json file looks like right now:

{
    "enableAutoprefixer": true
}

It enables autoprefixing, it's all it does and all it needs to do. No more setting up is necessary.

I agree we can improve the documentation a bit to make it easier to get started for someone that is new to Meteor like yourself. The example with the paths in the documentation is for how to include scss files from a separate meteor package that gives you access to additional features (e.g. Bourbon, neat, etc.). Since these files are not in the project folder (they're in the ignored .meteor folder), you need to specify them manually.

[akhatri]

Thanks a lot guys

I've got it to work. I believe the issue was with the filename of my scss file it was preceded with an _.
Hopefully this solves my problem. I guess when using the compass smart package compass circa francocatena:compass

i'd have to use the includePath in the scss.json correct.