如何检查sass文件中的控制台选项

Question

我正在尝试：

@if (debug)
  .crazyClass {}

当我编译我的sass时，我希望调试变量来自控制台，这可能吗？

Answer 1

您无法通过命令行将变量注入SASS或设置变量。我真的希望我们能够，因为它会简化这样的问题。

我只知道进行条件编译的两种方法。

使用不同的入口点

使用不同的SASS文件作为编译的入口点。您的项目可能看起来像这样。

/www
   /css
      _styles.scss
      dev.scss
      prod.scss

dev.scss文件会将debug设置为true，导入_style.scss，但prod.scss会将debug设置为false，并导入{{1} }}。两者都产生输出CSS文件，但适用于不同的环境。

使用不同的导入路径

您可以将SASS配置为使用不同的导入路径并像这样设置项目文件。

_style.scss

/www /css /dev _config.scss /prod _config.scss styles.scss 只会在顶部执行styles.scss，并且根据设置的路径，将导入相应的@import "config"文件。