Add Sass and Less support

[jonas-jonas]

As mentioned on Reddit it would be awesome to have support for Sass and Less.

• Sass: https://www.npmjs.com/package/sass
• Less: https://www.npmjs.com/package/less

Also, I would love to do this. Anything I should be aware of?

[astronomersiva]

Thanks for your interest :)

This is where you will have to do this.

For sass, you can use https://www.npmjs.com/package/node-sass to compile the file contents. For less, you can use https://www.npmjs.com/package/less and call less.render to get the compiled CSS.

[astronomersiva]

Hello @jonashungershausen, just checking for any progress on this. Feel free to let me know if you need any help :)

[jonas-jonas]

Hi @astronomersiva,

I'm sorry I had a lot todo this week.

I tried debugging the issue but couldn't get ahold of the development process. I don't know if you have anything written up for that part but maybe you could explain your process here a little bit? How do you debug new features?

[astronomersiva]

No issues @jonashungershausen.

You will have to add the relevant code somewhere around here. Try checking if there are PostCSS plugins to compile LESS/Sass and if they are not available, use https://www.npmjs.com/package/less and https://www.npmjs.com/package/node-sass.

You can use this project to test your changes. I would also suggest invoking lego with the process.env.DEBUG as true. To do this, you can run DEBUG=true lego s. This way, logs will be persisted in individual lines instead of being written to the same line.

When lego is called, https://github.com/astronomersiva/lego/blob/master/bin/lego acts as the entry point. From there, https://github.com/astronomersiva/lego/blob/master/lib/lego.js takes over. Each task is basically an element of this array and are defined in the tasks folder.

[jonas-jonas]

The problem I encountered is, that sass/scss and less are separate files with the corresponding file extension. You seem to have some watcher in place. Maybe it would make sense to have the watched file endings in some kind of array?

[astronomersiva]

@jonashungershausen, absolutely.