Custom webpack config to use with @angular-builders/custom-webpack

custom-webpack.config.js

const ngTools = require("@ngtools/webpack");
const path = require('path');

module.exports = (config) => {

    // add pug loader into webpack module rules
    config.module.rules = [
        {
            test: /.(pug|jade)$/,
            exclude: /.(include|partial).(pug|jade)$/,
            use: [
                { loader: 'apply-loader' },
                { loader: 'pug-loader', options: { root: path.join(config.context, 'src/pug') } }
            ]
        },
        { test: /.(include|partial).(pug|jade)$/, loader: 'pug-loader' },
        ...config.module.rules
    ];

    // update AngularCompilerPlugin options to turn off directTemplateLoading so we can use pug templates
    const options = {
        ...config.plugins.find(({ constructor: { name }}) => name === 'AngularCompilerPlugin').options,
        directTemplateLoading: false
    };

    // handle additional plugins, including replacing the angularCompilerPlugin with our options
    const addPlugins = [new ngTools.AngularCompilerPlugin(options)];
    const dupesRemoved = config.plugins.filter(({ constructor: { name }}) => {

        return !addPlugins.some(({ constructor: { name: newName }}) => name === newName);

    });

    config.plugins = [...dupesRemoved, ...addPlugins];

    return config;

};