How to include postcss-uncss in parcel 2

[VelynnXV]

Hello, I want to include postcss-uncss using parcel 2, how can i do that?

I tried to include it in my postcss.config.js file, but when i run npm run dev and look at my compiled css in my dev folder, I still have unused css in those files. I'm guessing something is wrong with the way i import the plugin.

Here is the project for more details :https://github.com/VelynnXV/Front-End-Workflow

my package.json

{
  "name": "mypackage",
  "version": "1.0.0",
  "description": "This is my package, using Parcel. Parcel is a web application bundler, differentiated by its developer experience. It offers blazing fast performance utilizing multicore processing, and requires zero configuration.",
  "app": "public/index.html",
  "scripts": {
    "dev": "npm run clean && parcel public/index.html --dist-dir development -p 3000",
    "build": "rimraf ./dist && parcel build public/*.html --dist-dir dist --public-url ./",
    "clean": "rimraf ./development && rimraf ./.parcel-cache"
  },
  "author": "me",
  "license": "UNLICENSED",
  "devDependencies": {
    "@babel/core": "^7.12.16",
    "@babel/plugin-transform-runtime": "^7.12.15",
    "@babel/runtime-corejs2": "^7.12.13",
    "@parcel/optimizer-cssnano": "^2.0.0-nightly.598",
    "@parcel/optimizer-htmlnano": "^2.0.0-nightly.598",
    "@parcel/packager-css": "^2.0.0-nightly.598",
    "@parcel/packager-html": "^2.0.0-nightly.598",
    "@parcel/transformer-css": "^2.0.0-nightly.598",
    "@parcel/transformer-html": "^2.0.0-nightly.598",
    "@parcel/transformer-inline-string": "^2.0.0-nightly.598",
    "@parcel/transformer-postcss": "^2.0.0-nightly.598",
    "@parcel/transformer-posthtml": "^2.0.0-nightly.598",
    "@parcel/transformer-sass": "^2.0.0-nightly.598",
    "parcel": "^2.0.0-beta.1",
    "postcss": "^8.2.6",
    "sass": "^1.32.7"
  },
  "dependencies": {}
}

postcss.config.js

//PostCSS is a software development tool that uses JavaScript-based plugins to automate routine CSS operations.
module.exports = {
    "modules": true,
    plugins: [
        // UnCSS is a tool that removes unused CSS from your stylesheets. 
        // It works across multiple files and supports Javascript-injected CSS.
        require("postcss-uncss")({
            html: [
                './public/index.html'
            ]
        })
    ]
}

[mrtoxas]

It's been quite a while since the discussion started, but maybe someone will find it useful.
I was able to run uncss as follows:

part of package.json

{
  "scripts": {
    "clear": "rimraf .parcel-cache dist",
    "dev": "yarn clear && parcel src/index.html",
    "build": "yarn clear && parcel build src/index.html",
  },
  "devDependencies": {
    "@parcel/packager-raw-url": "2.11.0",
    "parcel": "^2.11.0",
    "postcss": "^8.1.0",
    "postcss-uncss": "^0.17.0",
    "rimraf": "^5.0.5",
    "uncss": "^0.17.0"
  }
}

.postcssrc

{
  "plugins": {
    "postcss-uncss": {
      "html": "./src/**/*.html"
    }
  }
}