Custom webpack loaders not applying in unit tests

Describe the bug Adding custom webpack loaders works perfect with ng serve and ng build but it doesn’t work with ng test.

To Reproduce Steps to reproduce the behavior:

1. Add extra webpack config for Pug templates:

module.exports = {module: {rules: [{test: /.pug$/, use: [{ loader: 'apply-loader' },{ loader: 'pug-loader' }]}]}};

1. Create pug template. It works good with ng serve
2. Run ng test. You will see just a plain text instead of components.

OR (preferred way) A link to a repository with minimal reproduction: https://github.com/vadjs/custom-loaders-bug

Expected behavior Custom loaders should work properly during unit tests run.

Builder:

• @angular-builders/custom-webpack
• 8.2.0

Libraries

• angular-devkit/build-angular: 8.2.0

Additional context This problem appeared in Angular 8. Looks like Angular team dedicated unit tests config to a different place. That’s not only @angular-builders/custom-webpack bug because replacing common.js file with webpack config in @angular-devkit/build-angular produces the same bug.

[just-jeb]

Must be the direct template loading option (which is enabled by default). Try to disable it.

[kmaraz]

An update for the latest Angular 11.1.0 version: https://github.com/just-jeb/angular-builders/issues/842#issuecomment-764573237