Custom postcss plugins won't work in production build

Hey,

I am trying to use postcss with tailwindcss plugin. It works for ng serve and ng build but when using ng build --prod to build production assets, it doesnt run tailwindcss plugin. I added console log at start of custom webpack file, it shows in console but it just doesnt run tailwindcss plugin.

My custom webpack looks like this:

const tailwindcss = require('tailwindcss');

console.log('** Custom webpack config was loaded.');

module.exports = {
    module: {
        rules: [
            {
                test: /\.css$/,
                use: [
                    {
                        "loader": "postcss-loader",
                        "options": {
                            "ident": "embedded",
                            "plugins": [
                                tailwindcss('./tailwind.js'),
                            ],
                            "sourceMap": true
                        }
                    }
                ]
            },
        ],
    },
};

I have tried all mergeStrategies in angular.json configuration but it doesnt work anyway.

[just-jeb]

Ok, need to take a look at Angular internals. Probably they are disabling postcss plugin in production build or something.

[mihaliak]

Setting extractCss to false in angular.json file fixed this issue, extra webpack config is loaded and build is ok.