我在尝试将第二个样式表添加到angular-cli应用程序时遇到了一些问题。
问题#1:
我有一个样式表,其名称中有一个点。 mystyle.thestyle.scss
这是使用“styleUrls”从组件加载的。现在这是在默认styles.scss
之前加载。 这不是我想要的。
我希望它在默认的styles.scss
文件之后加载,所以我在angular-cli.json文件中执行了此操作,
"styles": [
"src/styles/styles.scss",
"src/styles/mystyle.thestyle.scss"
],
当我这样做时,此错误会显示在浏览器中:
ZoneAwareError
__ zone_symbol__error:错误:预期'styles'是一个字符串数组。在assertArrayOfStrings ...
问题#2:
当我将mystyle.thestyle.scss
重命名为mystyle.scss
时,我没有收到该错误。但问题是,mystyle.scss不会在styles.scss之后加载。
如果我在styles.scss中有变量$ color:blue并在mystyle.scss中使用它,则会抛出错误,说它无法找到该变量。
我想要的是什么:
我想要做的就是在styles.scss
之前加载mystyle.thestyle.scss
(将导入我的变量和mixins)。为什么我不能这样做?
为什么我不能使用我的scss文件,它的名字中有一个点?
我对angular-cli很新,我很困惑。