@Import scss，相对路径，angular-cli

Question

我在将带有 @import 的 *.css 文件导入 .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:, because the icons/icon.woff which is in icon.css can't be found, becasue of wrong relative path.

angular v.7.3 使用 CLI。

Answer 1

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

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

@Import scss，相对路径，angular-cli

@Import scss, relative path, angular-cli

css

sass

angular-cli

angular