javascript - ¿Cómo configurar para ejecutar la salida de TypeScript en el navegador?
Tengo un proyecto de TypeScript con algunas clases reales de TypeScript, no solo funciones. Tengo 1 archivo por clase. Hay clases que dependen de otras clases. Puedo compilar todo este TypeScript a JavaScript con tsc. También puedo ejecutar localmente el resultado en JavaScript con Node. Se ejecuta bien. De hecho, ejecuto una pequeña clase de prueba. No uso ninguna biblioteca de terceros.
Quiero que un navegador pueda ejecutar el JavaScript generado. Así que intenté incluir todo el resultado de JavaScript en mi sitio web HTML. Pero el JavaScript no se ejecuta en un navegador. Solo intenté crear una instancia de una de las clases de JavaScript generadas. También copié el archivo require.js necesario a mi proyecto HTML.
Mi pregunta es: ¿Cómo puedo configurar tsc y requirejs para que un navegador pueda ejecutar mi JavaScript generado?
Mis llamadas a require generadas por tsc usan rutas relativas. No es un misterio que esto no funcione en un navegador, pero no sé qué variante funcionaría. Estoy un poco molesto, porque he leído tantos tutoriales y he probado tantas combinaciones y aún no soy más sabio. Muchos tutoriales mencionan webpack, gulp, baseUrl y cosas por el estilo sin mostrar un ejemplo que funcione en un navegador.
Mi configuración de tsc es:
{
"compilerOptions":
{
"module": "none",
"target": "ES2018",
"removeComments": true,
"rootDir": "Source",
"outDir": "Build"
},
"exclude": [
"node_modules"
]
}