Import Maps for Laravel
"Use ESM with importmap to manage modern JavaScript in Laravel without transpiling or bundling.
Import maps let you import JavaScript modules directly from the browser using logical names that map to versioned/digested files. So you can build modern JavaScript applications using JavaScript libraries made for ES modules (ESM) without the need for transpiling or bundling. This frees you from needing Webpack, Yarn, npm, or any other part of the JavaScript toolchain.
With this approach, you'll ship many small JavaScript files instead of one big JavaScript file. Thanks to HTTP/2 that no longer carries a material performance penalty during the initial transport, and offers substantial benefits over the long run due to better caching dynamics. Whereas before any change to any JavaScript file included in your big bundle would invalidate the cache for the whole bundle, now only the cache for that single file is invalidated.
This package was inspired by the Importmap Rails gem."
Tony Messias
@tonysmdev