Question

我在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中导入大量导入，并且我还可以导入完整目录，而无需逐个列出文件。

知道这是否可行？

使用SASS和Symfony的最佳实践

0 个答案: