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
文件。
我有一个 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
文件。