How to load a full library with css and js to html?

Say i wrote some local library that contains js and css files (no html).
This library has a js file with a class that get a DOM id as argument and load all css into that element independently.

I would like “share” that library, or just include it in my html page.

The only way I know currently, is to load each file from this folder separately like :

<link rel="stylesheet"  href="/lib/style.css"/>
<script src="lib/main.js"></script>

and so on.. which looks not clean and not right.

What is the right way to be able to load this library as a whole and everything inside, or at least all js inside, into an html page ?

If I share this library, I don’t want other devs to list and load each js/css.