我可以在主题组件中调试 Scss 吗？

支持
1

我想在 Scss 函数中使用主题设置中的变量。我希望能够调试这些变量，但到目前为止，我发现的唯一方法是在组件外部的专用文件中复制代码，并直接在这些文件中声明变量。

有人已经这样做过了吗？在使用主题 CLI 并在组件文件夹结构中工作时，有没有办法调试 Scss 变量？

2 个赞
2

你期望在调试方面获得什么？你是想使用 Sass 的 @debug 吗？

这有点滑稽，但我之前曾这样做过，以查看 Sass 变量的输出：

body {
  &:after {
    content: "#{$primary}" !important;
    display: block;
    background: salmon;
    color: white;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999999;
  }
}
4 个赞
3

哦，我也是这么做的，就在标题之后，背景图也没那么有创意 :see_no_evil: 感谢分享，我现在感觉不那么傻了！:grinning_face_with_smiling_eyes:

没错，我想使用 @debug。我只是担心会不会漏掉某个选项。不过，直接把变量写出来，并在一个专用文件中调试函数，其实也挺简单的。

3 个赞