para lograr lo que te propones, te recomiendo que uses RequireJS.
Como indica en su página web RequireJS, esta utilidad te permitirá realizar la carga de módulos y archivos en el navegador de la misma forma que lo haces con Node.
Puedes consultar la documentación de RequireJS
Una forma en cómo puedes usarlo sería: (luego de descargar el archivo require.js)
Supongamos que tu archivo transpilado es main.js
y lo almacenas en la carpeta scripts
de tu deployment, entonces en la sección <head>
de tu archivo html
colocas el siguiente tag
:
<script data-main="scripts/main" src="scripts/require.js"></script>
Así de simple ya puedes cargar módulos o archivos usando require()
.
Tomando en cuenta que deseas usar JQuery, debes hacer algunos pasos adicionales de configuración. Dichos pasos van a depender de cómo estés realizando tu implementación.
Puedes leer más al respecto en How to use RequireJS with JQuery
Es la documentación oficial, está en inglés.
Esta respuesta de SO en español puede darte una orientación de la configuración:
SPA usando requirejs y jquery
También puedes consultar este post: ¿Qué es y cómo funciona RequireJS? para una introducción básica en español.