How to remove unused CSS rules during Meteor build?

brajt · 2016-02-02T02:06:01.555Z

I’ve failed to find a package that would let me remove unused CSS rules from my app during build, so I’m asking you guys, how do you deal with them?

Do you use some particular Meteor solution to remove them, do you do that outside of Meteor build system, with help of something like PurifyCSS?

kaiyes · 2016-02-02T02:19:37.101Z

Havent tried it myself but heard an front end designer recommend uncss

brajt · 2016-02-02T02:23:57.082Z

Thanks @kaiyes. Googling for UnCSS solutions, I’ve found this Meteor forums thread (which makes me feel dumb that I failed to find it while searching for similar forum threads before writing mine):

Use UnCSS in Meteor Build Step help

Is it possible to include something like UnCss in the meteor build chain? If not, is there a plan to create an extensible build chain?

where the following hackpad is linked:

meteor.hackpad.com

Proposal: New phases for the build process

Please, don't edit the text. If you want to comment, use the "comment" feature. Right now the build tool implements a single pluggable interface for using compilers to process files.

Unfortunately there was no conclusion if it’s possible at all.

Are there any news on that?

kaiyes · 2016-02-02T02:36:52.510Z

check this out…talk that has uncss mentioned and the screenshot of what he talked about

Screen Shot 2016-02-02 at 8.32.24 AM.png1012×637 181 KB

I can link you up with him. Go to this link and invite yourself to our local slack channel and he can guide you about it. I will ask whether he can manage some time to come up here and help you

brajt · 2016-02-02T03:01:59.002Z

Thanks a lot! So it seems he did succeed with that? Wish there was a video from this talk.

I’ll first try to implement it myself. If I have problems that I can’t overbear, I’ll ask your friend for the guidelines.

rvancauter · 2016-03-19T18:03:26.161Z

Hi brajt, any progress on your implementation?

This would be an amazing package for the meteor community.

brajt · 2016-03-19T22:19:44.924Z

To be honest, after initial failures, I decided to deal with it when my
app is ready to move to production, so it will take at least 4 more
weeks before I try.

michaelcole · 2016-06-13T14:52:06.730Z

Bump? Did anything come of this? I found PurifyCSS and UnCSS as possible libraries to do this.

nitrobay · 2016-11-06T21:05:10.105Z

brajt:

take at least 4 more
weeks before I try.

bump, could be interesting

therealcos · 2017-02-15T10:41:58.180Z

Bump, 10 months later

avadoviet · 2019-05-07T08:52:02.168Z

i used autoptimize but can’t Defer unused CSS