I'm having problems with CSS within a tag and source-maps.
In order to improve the load time of my project, I have changed the way I put the CSS in my HTML, turning this:
<html>
<head>
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<h1>Source-maps working wonderfully</h1>
</body>
</html>
Into this:
<html>
<head>
<style>
h1 { color: red };
//more css
/*# sourceMappingURL=css/style.css.map */
</style>
</head>
<body>
<h1>Source-maps not working :(</h1>
</body>
</html>
Basically, during the building process, the original CSS file generated with sassc (with sourcemaps flag) is dumped into the html that will be served.
I am having troubles because it does not recognise the source-maps when the CSS is inside a tag but it does it perfectly when i use the tag . Am I missing an extra annotation or it is not supported?
I'm using chrome.