@导入scss，相对路径，angular-cli

Question

通过将带有*.css的{​​{1}}文件导入@import，我遇到了一些问题。 .scss文件在内部具有一些相对路径.css，属于导入的库，因此位于url('path')上。

我的 node_modules 如下：

.component.scss

并且由@import "~libName/dist/icon"; 导入，但这一点都没有关系。

.component.ts 的代码为：

node_modules/libName/dist/icon.css

在构建时会抛出无法解析文件的错误

  

src: url("icons/SAP-icons.woff") format("woff"); ，因为(Emitted value instead of an instance of Error) CssSyntaxError:中的icons/icon.woff   由于相对路径错误，因此找不到。

icon.css和CLI。

Answer 1

您可以使用{}引用项目路径的顶层

@import "{}/node_modules/module-name/stylesheet";