postcss.config.cjs

// const autoprefixer = require("autoprefixer");
// const cssnano = require('cssnano');
// const purgecss = require("@fullhuman/postcss-purgecss");
const IN_PRODUCTION = process.env.NODE_ENV === "production";
const bootstrap = "node_modules/bootstrap"


module.exports = {
  plugins: [
    IN_PRODUCTION &&
    require("@fullhuman/postcss-purgecss")({
      content: [
        "index.html",
        "./src/**/*.js",
        // --- Import only the required components.
        `${bootstrap}/js/dist/alert.js`,
        // `${bootstrap}/js/dist/base-component.js`,
        // `${bootstrap}/js/dist/button.js`,
        // `${bootstrap}/js/dist/carousel.js`,
        // `${bootstrap}/js/dist/collapse.js`,
        // `${bootstrap}/js/dist/dropdown.js`,
        // `${bootstrap}/js/dist/modal.js`,
        // `${bootstrap}/js/dist/offcanvas.js`,
        // `${bootstrap}/js/dist/popover.js`,
        // `${bootstrap}/js/dist/scrollspy.js`,
        // `${bootstrap}/js/dist/tab.js`,
        // `${bootstrap}/js/dist/toast.js`,
        // `${bootstrap}/js/dist/tooltip.js`,
      ],
      defaultExtractor(content) {
        const contentWithoutStyleBlocks = content.replace(
          /<style[^]+?<\/style>/gi,
          ""
        );
        return (
          contentWithoutStyleBlocks.match(
            /[A-Za-z0-9-_/:]*[A-Za-z0-9-_/]+/g
          ) || []
        );
      },
      keyframes: true, // remove unsed keyframe rules
      variables: true, // remove unused variables as well
      // safelist: [
      //   /-(leave|enter|appear)(|-(to|from|active))$/,
      //   /^(?!(|.*?:)cursor-move).+-move$/,
      //   /^router-link(|-exact)-active$/,
      //   /data-v-.*/,
      // ],
    }),

    IN_PRODUCTION && require("autoprefixer"),

    IN_PRODUCTION &&
      require("cssnano")({
        preset: ["default", { discardComments: { removeAll: true } }],
      }),
  ],
};