postcss.config.js

const fs = require("fs");
const { homepage, version, author, animateConfig } = JSON.parse(
  fs.readFileSync("package.json")
);

const header = `
@charset "UTF-8";

/*!
 * HomePage: ${homepage}
 * Version ${version}
 * Copyright (c) ${new Date().getFullYear()} ${author}
 */

`;

module.exports = (ctx) => {
  const prefix = ctx.env === "compat" ? "" : animateConfig.prefix;
  const devMessage = `🎉🎉🎉🎉 \npapperanimate.css ${ctx.env} build was compiled sucessfully! \n`;

  console.log(devMessage);

  return {
    map: ctx.options.map,
    parser: ctx.options.parser,
    plugins: {
      "postcss-import": { root: ctx.file.dirname },
      "postcss-prefixer": {
        prefix,
        ignore: [/\[class\*=.*\]/],
      },
      "postcss-preset-env": {
        autoprefixer: {
          cascade: false,
        },
        features: {
          "custom-properties": true,
        },
      },
      cssnano: ctx.env === "production" || ctx.env === "compat" ? {} : false,
      "postcss-header": {
        header,
      },
    },
  };
};