Sass混合到注释中的输出变量

Sass混合到注释中的输出变量,sass,Sass,在处理大型sass库时,我喜欢包含标志;导入文件的大标志和导入文件的小标志。这使得在浏览器中调试更容易,因为我可以快速找到关联的sass文件并进行更改 有没有办法让mixin输出注释带有指定的变量?这是我试过的 @mixin bigflag($filepath){ /*********** ****** $filepath ***********/ } @include bigflag(scss/middle/header.scss); 我

在处理大型sass库时,我喜欢包含标志;导入文件的大标志和导入文件的小标志。这使得在浏览器中调试更容易,因为我可以快速找到关联的sass文件并进行更改

有没有办法让mixin输出注释带有指定的变量?这是我试过的

@mixin bigflag($filepath){
      /***********
        ******  $filepath
       ***********/
    }

@include bigflag(scss/middle/header.scss);
我希望上面的代码输出为

      /***********
        ******  scss/middle/header.scss
       ***********/
这是行不通的;非结束注释使变量处于非活动状态或被注释掉。我想我可以复制和粘贴评论标志,但是。。。这将非常方便


感谢您的帮助。在对sass中的转义字符进行了一些研究之后,谢谢您

@mixin flag($file){
/***********
******  #{$file}
***********/
}
@include flag(scss/middle/header);
输出为

/***********
******  scss/middle/header
***********/

注意:sass不喜欢句号。因此,如果您使用flag(scss/middle/header.scss),您将需要转义scss之前的时段。这很费劲,我不打算使用它。

在对sass中的转义字符进行了一些研究之后

@mixin flag($file){
/***********
******  #{$file}
***********/
}
@include flag(scss/middle/header);
输出为

/***********
******  scss/middle/header
***********/

注意:sass不喜欢句号。因此,如果您使用flag(scss/middle/header.scss),您将需要转义scss之前的时段。这很费劲,我不打算使用它。

Sass已经提供了调试选项,为什么不使用它们呢?不太恰当地描述为调试,也许我的需求更适合描述为像素完美。我可以在浏览器开发工具中切换值,找到我想要的确切值,然后更改sass文件,而不是在sass中尝试值、保存、重新编译和检查浏览器。这些标志允许我在完成inspector中的切换后快速确定需要更改的文件。以及?
--debug info
标志添加行号以显示样式的来源;我非常依赖chrome开发工具来设计样式。我将用调试信息进行试验,并让您知道我是如何理解的。感谢您对这个问题的关注。Sass已经提供了调试选项,为什么不使用它们呢?不太适合描述为调试,也许我的需要更适合描述为像素完美。我可以在浏览器开发工具中切换值,找到我想要的确切值,然后更改sass文件,而不是在sass中尝试值、保存、重新编译和检查浏览器。这些标志允许我在完成inspector中的切换后快速确定需要更改的文件。以及?
--debug info
标志添加行号以显示样式的来源;我非常依赖chrome开发工具来设计样式。我将用调试信息进行试验,并让您知道我是如何理解的。感谢您对这个问题的关注。您应该将注释标题保存在各自的文件中。是的,我是。在导入之前,定义mixin位于顶层。每次导入都包括文件顶部的mixin。因此,编译后的文件具有指示每个sass文件顶部的标志。更新:dev tools上的源映射和工作区文件夹使其变得不必要。您应该将注释标题保留在各自的文件中。是的,我是。在导入之前,定义mixin位于顶层。每次导入都包括文件顶部的mixin。因此,编译后的文件具有指示每个sass文件顶部的标志。更新:dev tools上的源映射和工作区文件夹使这变得不必要。