hylia icon indicating copy to clipboard operation
hylia copied to clipboard

changes to include SaSS Source maps in DEV build

Open JamesForan opened this issue 4 years ago • 0 comments

Have got this working really well in Chrome/Edge. The settings --source-map-urls=absolute > Points to the actual file, and Chrome will take you to the file from the inspector. The Firefox --embed-source-map > this just makes it all part of the index.HTML file

minifyCSS: false is required to make this work, otherwise all the comments are deleted. This setting has minimal impact on product build. (239 bytes vs 238 with it set to true). This is because sass is doing the compression with --style=compressed,

The difference is due to minifyCSS removing /*# sourceMappingURL=global.css.map */, while --style=compressed does not.

The experience in Chrome is really good from my perspective. Thoughts?

JamesForan avatar Mar 19 '20 03:03 JamesForan