How to import thrid party css with built-in support

[vladfulgeanu]

I want to import a CSS file that is being used by a third party library but not have to import it in _app.js as I don't want it loaded on all pages.

Just using import './Component.module.css'; will not work as those classes will have different names with hashing.

Also linking the CSS file directly in the Head (of each page that would use this component) would not be optimal as the CSS would not get minified.

Is this currently not supported in Next 9 built-in CSS support? If not, what (if any) workarounds are there out there?

Thanks in advance.

[paambaati]

This is something a lot of users would like —

1. Load a vendor / 3rd-party CSS file that is not a CSS module? #13991
2. What is the best way to import css files from third party libraries? ( Performance Problem 👀) #13638
3. Not Every Import CSS is a global CSS #11514
4. How to import .css file on a per page/component basis? #10835
5. How to import per page css without modules #11101