是否可以在Sass'；什么是CSS输出？

我经常在Inspect元素中使用CSS行号来查找规则在特定CSS文件中的位置。当Sass输出一个CSS文件时，它会对其施加自己的样式规则，这与我的scs的格式不符合1:1。这使得在我的代码中很难找到CSS规则，因为行号都不匹配。这完全扰乱了我的工作流程，是我进一步采用Sass的主要障碍

我已经看过了

sass--style=expanded

和

sass--style=compressed

，但它们都没有达到我想要的空白样式

---

我真正需要的是一种方法，让Dart完全保留我所有的空白和换行符，并将混合缩小到每一行。您可以称之为

--style=保留行号

是否可能？

否。SASS本身不可能做到这一点。

如果您喜欢，可以查看可用的样式：

但老实说：如果您以预期的方式将SASS用于嵌套样式、混合、使用模块。。。无论如何，编译后的CSS将与SASS代码有很大的不同。这甚至适用于行号。因此，您的问题是编码过程中的一个常见挑战

由于快速调试非常重要SASS提供了映射技术：

如果激活，您可以在浏览器中动态查看源代码。这真的很简单，应该能满足你的要求。也许你想看看。下面是一个很好的概述：

或者，如果不是那样的话，还有另一个小把戏/workaround可能会有所帮助：

大多数SASS项目在部分文件中组织/构造代码（这使得保留行号成为可能）。这是出于不同的原因，也加快了工作速度。如果您这样做，您只需在每个文件开始时添加一个CSS注释，该注释只记录文件名。由于浏览器工具中显示了注释，您可以在不映射的情况下找到相关的SASS源文件。。。由于部分文件几乎没有那么长，查找相关代码（与CSS不同）应该不再是问题

// ### examples partial filename in a CSS comment

/* base-typography */
...

/* base-forms */
...

/* section-hero */
...

---

这并不像我真正推荐的映射技术那么快。但是，用这种方法查找代码要比保持行号完全相同快得多，而且缺少了SASS的许多其他优点，这些优点加快了我的工作（如嵌套、仅设置SASS注释、使用mixin和modules…。

源代码映射非常适合我，谢谢！( )