⛮ How to disable the remove Angular decorators @ngtools/webpack mess

hack-remove-decorators.js

const fs = require('fs');
const cwd = process.cwd();
const hackPath = `${cwd}/node_modules/@ngtools/webpack/src`
const hackFileName = `${hackPath}/angular_compiler_plugin.js`
const hackFileNameHacked = `${hackFileName}.hacked`

const log = '@ngtool/webpack angular decorators remove'
const hack = () => {
    if (!fs.existsSync(hackFileNameHacked)) {
        const problemCode = fs.readFileSync(hackFileName).toString('utf-8').split('\n');
        for(let index in problemCode) {
            let line = problemCode[index];
            if (line.includes('removeDecorators')) {
                if (!line.startsWith('//')) {
                    line = '//' + line;
                    problemCode[index] = line;
                }
                break;
            }
        }
        const generatedHack = problemCode.join('\n');
        fs.writeFileSync(hackFileName, generatedHack)
        fs.writeFile(hackFileNameHacked, log, function(err) {
            if(err) {
                throw err;
            }
            console.log(`${log} hack is cached`)
        });
        console.log(`${log} is commented now`)
    } else {
        console.log(`${log} hack is cached`)
    }
}

module.exports.hack = hack;

webpack.prod.js

    if (options.AOT ) {

        require('./hack-remove-decorators').hack();
        // it is important so that you hack it before you load the AngularCompilerPlugin 
        const AngularCompilerPlugin = require('@ngtools/webpack').AngularCompilerPlugin;

        plugins.push(
            new AngularCompilerPlugin({
                tsConfigPath: root('./tsconfig.aot.json'),
                entryModule: root('/module#Module'),
//                skipCodeGeneration: true,
            })

        )
    }

After implementing this, all of my angular components fail to inline the templates and styles. The components are trying to reference the .html and .less files at runtime, causing tons of 404 errors. Is this expected, or am I missing something?

angular v6.1.1
ngtools/webpack v6.1.2

I use the latest, I think it is the build .json you are using, that could be causing this. I use it and works, inline and with require as well. Actually, I do not use templateUrl, that's for sure.

it looks like for me since i started using the pure webpack it started working, i think the error is in grunt-webpack, that's when this error occurs.

FYI: webpack-contrib/grunt-webpack#168

the actual error was in the grunt-webpack package, i created a grunt task as above and now it works webpack-contrib/grunt-webpack#168 (comment)

Where do i edit/put these fields? In @ngtools/webpack/src?