Angular CLI does not apply custom webpack loader

[abadakhshan]

Angular CLI does not apply custom webpack loader

I define custom webpack and add a custom loader for ts or html files but loader transformation does not apply on output.

it seems that Angular CLI uses its own mechanism for reading files.

angular-cli/packages/ngtools/webpack/src/compiler_host.ts

Line 182 in e8e832e

readFile(fileName: string): string | undefined {

Sample repository: https://github.com/abadakhshan/test-custom-loader

[alan-agius4]

Duplicate of #16544

[abadakhshan]

What is the alternative solution to this problem?
Is it possible that we have transformers for all files like we have for index.html?

[alan-agius4]

The alternatives depend on what you are trying achieve with your "loader".

[abadakhshan]

Hi @alan-agius4
I want to do some transformation on HTML files before angular compilition.
I use this approche to apply Html template merging
In angular 9 I did it with injecting some code in Angular compiler plugin but I think if I can do this with loader , it would be better.
Yoy can see my old code here:

https://github.com/NarikMe/narik-webpack-tools/blob/master/narik-compiler-plugin.js

[alan-agius4]

You need to disable directTemplateLoading of the angularCompilerPlugin via a custom builder.

See http://github.com/angular/angular-cli/issues/15861 for some more context.

Note: this approach is not supported by the Angular tooling team.

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}