Loader chain doesn't run in `require` and results in `Expected 'styles' to be an array of strings` about ngc-webpack HOT 4 CLOSED

from ngc-webpack.

@bisubus Hi

Sorry for the late response.

This is not an ngc-webpack issue, it is just how the AOT compiler works.

The AOT compiler does not know about webpack and it expects client code, sending require to it will make it fail.

ngc-webpack does not process your code, the AOT compiler does (actually it's TS) and both AOT compiler and TS doesn't know about require

But it cannot be easily used in JIT.

This is not correct, use angular2-template-loader as done in angular-starter
This will work in JIT and AOT.

Use it and it will solve the issue, this is exactly the purpose of that loader.

from ngc-webpack.

@shlomiassaf Thank you for commenting on this. Are you certain about angular2-template-loader and the way it works with ngc-webpack? I have it in my config currently, but I honestly don't remember how it affected AOT/JiT build.

IIUC, all angular2-template-loader is supposed to do is transforming styleUrls: ['./foo-bar.scss'] to styles: [require('./foo-bar.scss')], isn't it? Why is it expected to work then, while using styles: [require('./foo-bar.scss')] directly doesn't work?

from ngc-webpack.

@shlomiassaf The explanation makes sense, thanks. I hope the issue is solved for me.

from ngc-webpack.