Description
Hello team Spatie! Thanks for creating this handy package :)
I just came across a problem that took me a while to figure out so I thought I'd share it here (and maybe there is something that can be done to make this smoother, even if it's just an extra note in the documentation).
A quick bit of background info: I was finding that some of the CSS I wrote to style 3rd party components (eg. MMenu) was being stripped out. Rather than trying to whitelist all the patterns, I saw in the PurgeCSS docs that you can whitelist CSS inline by adding special comments.
I tried adding /* purgecss start ignore */
and /* purgecss end ignore */
to my file but I found it wasn't working. Eventually I realised that these comments were being stripped before getting to PurgeCSS, so you have to add them like this instead (note the extra !
):
/*! purgecss start ignore */
...
/*! purgecss end ignore */
These comments are left alone by Laravel Mix and then PurgeCSS removes them when it is done.
I don't know if there's anything that can be done to improve this but adjusting the ignore comments is a pretty simple fix. If only I'd known that an hour ago!