Source Maps for CSS and JS

[aronduby]

Would absolutely love if source maps could be generated for the CSS and JS files for debugging. More about source maps

[meenie]

Yes, good idea :)

[Langmans]

👍 ☝️
leafo/lessphp#531 hasn't been active since may last year, not sure on how much munee is relying on lessphp but less.php seems to be having source map support, and it even has a migration class. In an ideal world one would have both options available 😃.

[meenie]

@rubenvincenten Thanks! That would be a rather easy swap-out, actually. Need to find one for SCSS as well, so we can do sourcemaps for them as well.

[Langmans]

To me it seems there's about 3 different pure PHP implementations for the sass/scss language, leafo has the most up to date compiler at the moment. There's also phpsass which is a fork of phamlp. The original phamlp hasn't been updated since 2010. Neither of those 3 have support for source maps.

What I would do is continue to use scssphp, and for those who seriously need to have source maps, they can either use a file watcher (which can be installed with an app or using Ruby) or use assetic (which in turn, uses the commandline sass tool anyway 😃 ).

Munee defats the entire purpose of Assetic for me anyway, I really like how easy it is to set up.

[meenie]

Thanks for checking all of that out!

Ya, Assetic makes it way too complicated for casual use. Munee's aim is to be "set and forget". To be honest, I don't use Munee anymore in favour of doing pre-processing with either Grunt of Gulp.

[thinsoldier]

How big of a donation would it take to get source maps? Or should I donate to one of the projects munee depends on to get that?

[thinsoldier]

Is there a way to enable Source Line Debugging in Munee?

http://leafo.github.io/scssphp/docs/

You can output the original SCSS line numbers within the compiled CSS file for better frontend debugging.
To activate this feature, call the setLineNumberStyle method after creating a new instance of class Compiler.

[meenie]

@thinsoldier I haven't updated Munee in a very long time. At this point, it's considered abandonware. There are far better tools out there these days to accomplish the same things. I would suggest using something like Webpack.

[thinsoldier]

There are far better tools out there these days to accomplish the same things.

Can you suggest a tool for on-the-fly server side image resizing?

[meenie]

https://www.imgix.com/ is pretty awesome although you have to pay for it. It's pretty cheap, tbh. We use it for our app at work and we pay very little for a shit ton of image resizes.

[Langmans]

http://glide.thephpleague.com/ is a free alternative.