postcss.config.js

const APP = require('./app.config');
const ENV = require('./app.env');

module.exports = {
    plugins: [
        require('postcss-devtools')({ precise: true }),
        require('./postcss.stylelint')(),
        ...(ENV.PROD || ENV.DEBUG
            ? [
                  require('postcss-focus')({ oldFocus: true }),
                  require('postcss-focus-visible')(),
                  require('postcss-focus-within')(),
                  require('postcss-font-display')([{ display: 'swap' }, { test: 'FontAwesome', display: 'block' }]),
                  require('postcss-flexbugs-fixes')(),
                  ...(APP.AVIF ? [require('./postcss.resize')('avif')] : []),
                  ...(APP.WEBP ? [require('./postcss.resize')('webp')] : []),
                  ...(!ENV.DEBUG
                      ? [
                            ...(APP.SORT_MEQIA_QUERIES
                                ? [
                                      require('postcss-sort-media-queries')({
                                          sort: APP.SORT_MEQIA_QUERIES,
                                          onlyTopLevel: true,
                                      }),
                                  ]
                                : []),
                            require('cssnano')({
                                preset: [
                                    'default',
                                    {
                                        minifyFontValues: { removeQuotes: false },
                                        discardComments: { removeAll: true },
                                    },
                                ],
                            }),
                        ]
                      : []), // this always last
              ]
            : []),
        require('autoprefixer')({
            overrideBrowserslist: ENV.BROWSERS,
        }), // this always last
        require('./postcss.resolve-absolute')({
            silent: !(ENV.PROD || ENV.DEBUG),
        }),
        require('postcss-browser-reporter')(),
        require('./postcss.reporter')(), // this always last
        ...(!(ENV.DEV_SERVER || ENV.WATCH) && !ENV.DEBUG ? [require('postcss-fail-on-warn')()] : []), // this always last
    ],
};