У меня возникают проблемы с CSS внутри тегов и исходных карт.
Чтобы улучшить время загрузки моего проекта, я изменил способ ввода CSS в свой HTML, изменив это:
<html>
<head>
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<h1>Source-maps working wonderfully</h1>
</body>
</html>
В это:
<html>
<head>
<style>
h1 { color: red };
//more css
/*# sourceMappingURL=css/style.css.map */
</style>
</head>
<body>
<h1>Source-maps not working :(</h1>
</body>
</html>
В принципе, во время процесса сборки исходный CSS файл, созданный с помощью sassc (с флагом sourcemaps), сбрасывается в html, который будет обслуживаться.
У меня возникают проблемы, потому что он не распознает исходные карты, когда CSS находится внутри тега, но он отлично работает, когда я использую тег. Мне не хватает дополнительной аннотации или она не поддерживается?
Я использую хром.