我正在使用 Angular CLI 构建一个新的 Angular2 项目,并配置项目以使用 SCSS。我已经成功地将 Bootstrap 4 加载到我的 styles.scss
文件中,但是如果我尝试从组件内部访问 Bootstrap(或在 styles.scss
中定义的自己的变量),则会出现 Undefined Variable
的构建错误。
组件的样式文件是否在 angular-cli.json
中的 styles
节点的主入口之前编译?如何使全局级别定义的任何变量对应用程序中的所有组件都可用?谢谢!
angular-cli.json
"apps": [
{
...
"styles": [
"styles/styles.scss"
],
...
}
]
样式.scss
// Bootstrap
$enable-flex: true; // Enable Flexbox mode
@import "../../node_modules/bootstrap/scss/bootstrap";
组件
.navbar {
background: $brand-primary; // Undefined variable here
}
_variables.scss
文件不会被读取十二次吗? - user663031~
波浪符号是什么意思?这是在SCSS中引用[/*/**]/node_modules/{{packageName}}
的方式吗?类似于TS中的@angular/core/...
? - Cody