Moved PurgeCSS to Jekyll Build

[MUmarShahbaz]

Fixes #3266

Purpose

Issue: PurgeCSS was not working with purgecss.config.js, only with inline config

Solution: Created a Ruby Gem to run PurgeCSS using Configuration defined inside _config.yml.

Now, all assets optimization configs (minifier, terser, purgecss) are together allowing ease of use.

Example of use

Before

After

New Logs - Helps in debugging

[netlify]

❌ Deploy Preview for relaxed-lollipop-b6bc17 failed. Why did it fail? →

Name	Link
🔨 Latest commit	e823d9a
🔍 Latest deploy log	https://app.netlify.com/projects/relaxed-lollipop-b6bc17/deploys/68a01365bb80db00073bbe31

[MUmarShahbaz]

@george-gca here's another one!

[MUmarShahbaz]

Note: The Netlify Errors occur because you are installing purgecss post-build to run with purgecss.config.js. With this gem you will need it to be installed pre-build.

Size Stats:

Stat	Before	After
CSS Directory Size	3.80 MB	2.81 MB
CSS Directory URL	here	here
Workflow run	-	here

[george-gca]

Will definitely took a look at this.

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[george-gca]

@MUmarShahbaz sorry for the (VERY LONG) delay on checking this. Question: we have in our purge css config this line:

skippedContentGlobs: ["_site/assets/**/*.html"]

This is used to avoid purging inline css, if I am not wrong, for htmls generated by jupyter notebooks. How this is being handled in your case? Does it displays correctly the notebook from the sample, both light and dark modes?

[MUmarShahbaz]

@george-gca that's what I thought earlier too. For some reason, it has just a ghost presence. It doesn't do anything. You can see from the huge difference in size when running my plugin as compared to the current setup.

Right now, I'm trying to mimic the customization options through manual logic in ruby and there are some kinks, I admit, but overall it's working.

I spent hours, using your repo for reference, to add purgecss to mine. After failing many times, it turned out that your's isn't working either.

[MUmarShahbaz]

As for the skipped content blobs, it basically never touches them. Underneath, it uses logic to manually single out and purge each file one at a time. You can see them in the logs as it goes them all.