Sass mixins在注释中输出变量

时间:2013-06-18 16:19:50

标签: sass

在大型图书馆工作时,我喜欢加入旗帜;导入文件的大标志和导入文件的小标志。这使得在浏览器中进行调试变得更加容易,因为我可以快速找到相关的sass文件并进行更改。

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

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

@include bigflag(scss/middle/header.scss);

我想将上面的代码输出为

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

这不起作用;非结束注释使变量处于非活动状态或已注释掉。我想我可以复制并粘贴评论标志,但是......这将非常方便。

感谢任何帮助。谢谢

1 个答案:

答案 0 :(得分:1)

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

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

输出为

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

一个注意事项:萨斯不喜欢句号。所以如果你使用flag(scss / middle / header.scss),你需要在scss之前逃避这段时间。这是艰苦的,我不打算用它。