fix(webpack): webpack4 optimize filter *

[PatrickChen928]

fixes: #1401 #1417

It is because mini-css-extract-plugin create a childCompiler that trigger the unocss's optimizeAssets before the main compiler, then unocss change the content. So, when the main trigger optimizeAssets, this haven't LAYER_PLACEHOLDER_RE anymore, and there is no way to update the latest tokens content to final asserts.

And mini-css-extract-plugin's file name is *, so it works by filter * file. Or is there more better solution?

[netlify]

✅ Deploy Preview for unocss ready!

Name	Link
🔨 Latest commit	8ae5955
🔍 Latest deploy log	https://app.netlify.com/sites/unocss/deploys/62fde1ec68d505000902bccc
😎 Deploy Preview	https://deploy-preview-1428--unocss.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[PatrickChen928]

This actually could solve this two issues.
But I found that, it will be infinite compile when I run pnpm run dev in project example/vue-cli, simile #856.Then I create new project with the latest vue-cli, test the different unocss's version. It get the same result.
Although it does not seem to be caused by this change, I need to look again.Or create a new issue about that.

[zouhangwithsweet]

does it work with vue-router ?

[PatrickChen928]

yes. I cloned your minimal reproduction, and it works by my test.