Andy-set-studio / hylia

Hylia is a lightweight Eleventy starter kit to help you to create your own blog or personal website.
https://hylia.website
MIT License
905 stars 230 forks source link

changes to include SaSS Source maps in DEV build #105

Open JamesForan opened 4 years ago

JamesForan commented 4 years ago

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?