Angular - 如何使用 ngc -w 导入 scss 变量文件?

Angular - How to import a scss variable file using ngc -w?

我有一个 FooComponent,其中附加了一个 .scss 文件,这很有效。

但是,当尝试从驻留在 node_modules 中的外部库导入变量文件时,它会引发错误。

在我的 .scss 文件中:

@import './node_modules/@my-lib/dist/utils/_exports';

但是当我 运行 ngc -w tsconfig-aot.json 它抛出:

Couldn't resolve resource ./node_modules/@my-lib/dist/utils/_exports from /Users/chrillewoodz/my-project/@my-lib/ng/src/components/foo/foo.component.scss

奇怪的是,如果我执行 ngc -p tsconfig-aot.json(注意 -p 而不是 -w),它就会起作用。

为什么会这样?

事实证明,它就像必须同时使用 -w-p 一样简单,-p 用于明确告诉 ngc 使用哪个配置。因此,如果没有它,它就会使用默认的 tsconfig.json 文件。