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

Question

I've got a FooComponent that has a .scss file attached to it, this works.

However, when trying to import a variable file from an external lib residing in node_modules, it throws an error.

In my .scss file I do:

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

But when I run ngc -w tsconfig-aot.json it throws:

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

The strange thing is that if I do ngc -p tsconfig-aot.json (notice the -p instead of -w) then it works.

Why is this happening?

If you are inside the component, ./node_modules will look inside the component folder, no ? — David
– David, Commented Feb 5, 2018 at 10:10
@David I don't think so since using -p works correctly. I have tried many other paths as well but none of them work. So I don't think the problem is with the path itself :/ — Chrillewoodz
– Chrillewoodz, Commented Feb 5, 2018 at 10:12
try using ~ instead of ./node_modules/ like this '~@my-lib/dist/utils/_exports' — Sheki
– Sheki, Commented Feb 5, 2018 at 10:15

Chrillewoodz · Accepted Answer · 2018-02-05 12:02:59Z

0

Turns out it was as simple as having to use both -w and -p, the -p is for explicitly telling ngc which config to use. So without it it was using the default tsconfig.json file.

answered Feb 5, 2018 at 12:02

Chrillewoodz

28.5k23 gold badges102 silver badges189 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

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

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related