我在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
中导入大量导入,并且我还可以导入完整目录,而无需逐个列出文件。
知道这是否可行?