css - 查找从 SASS 编译的 CSS 文件的源代码

标签 css sass

我正在处理的元素有一个复杂的样式表库,其中包含多个供应商的 scss 库以及许多文件和文件夹,其中包含编译成单个 css 文件的 scss 文件。

当我想对 css 做一个简单的更改时,我不得不花很多时间在文件结构中搜索源 scss 文件。通常我只会在浏览器中使用开发人员工具,但这只显示了 css 文件的样子,而且大多数时候类是从多个来源创建的并相互覆盖,所以 scss 看起来不像 css结束。

有没有简单的方法可以找到scss编译出来的css的源码?

最佳答案

这是一个显示如何在 Google Chrome 上为 SASS 文件启用源映射的链接。有了它,您将能够完全按照自己的意愿行事 http://bricss.net/post/33788072565/using-sass-source-maps-in-webkit-inspector

关于css - 查找从 SASS 编译的 CSS 文件的源代码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14782319/

相关文章:

html - 如何使用 bootstrap 2.3.2 在 span 中水平居中表单?

css - Sass和较少的预处理器真的有用吗?

css - 如何在表行元素上使用最后一个子选择器

javascript - 如何在使用 javascript 检测到移动设备时从 DIV 中删除悬停效果

html - 如何在整个单元格上拉伸(stretch)链接?

html - 使用三 (3) 个背景图像 css 的按钮

ruby-on-rails - 在Rails 3.1中的scss文件之间共享mixin

css - 在 JSF Web 应用程序中使用 SASS

html - @media 按预期工作

css - 带有 bootstrap 4 的嵌套 flexbox 列在 firefox 上显示错误但在 chrome 上显示正常