使用SASS和Symfony的最佳实践

时间:2016-08-03 09:54:14

标签: css sass symfony assetic

我在official documentation之后的Symfony 3.1项目中集成了SASS css。

现在我的baseLayout.html.twig我有:

{% stylesheets filter="scssphp,cssrewrite" output="css/app.css"
    "assets/vendor/bootstrap-sass/assets/stylesheets/_bootstrap.scss"
    "assets/css/_variables.scss"
    "assets/css/layout.scss"
    %}
    <link rel="stylesheet" href="{{ asset_url }}"/>
{% endstylesheets %}

_variables.scss我有:

// Colors
$grey-super-light: #fafafa;

所以我想在$grey-super-light

中使用变量layout.scss
body {
  background-color: $grey-super-light;
}

但是当我运行php bin / console assetic:dump我收到此错误:

[Leafo\ScssPhp\Exception\CompilerException]
Undefined variable $blue-veruscript: line: 2

我知道一个解决方案是直接在_variables.scss中导入layout.scss,但我想知道是否有办法使用资产导入来共享变量(以及其他SASS功能)不同的文件。 通过这种方式,我可以避免在我的layout.scss中导入大量导入,并且我还可以导入完整目录,而无需逐个列出文件。

知道这是否可行?

0 个答案:

没有答案