Soy nuevo en Pixi.js pero tengo experiencia con TypeScript. Realmente estoy luchando para importar Pixi.js en mi proyecto.

Tengo un pequeño proyecto Pixi.js ejecutándose usando una importación CDN de Pixi y JavaScript estándar, y ahora estoy tratando de ejecutar ese mismo proyecto en TypeScript. Creo que una de mis opciones sería usar la importación CDN de Pixi y luego importar las definiciones de tipo para Pixi, pero leí en varios lugares que las versiones posteriores de Pixi ya están escritas en TypeScript, así que no creo que sea un una buena opción para usar una versión de JavaScript de la biblioteca y luego importar mis propias definiciones de TypeScript.

Intenté usar npm install pixi.js y luego import * as PIXI from "pixi.js"; pero eso me da este error de TypeScript: This module is declared with using 'export =', and can only be used with a default import when using the 'allowSyntheticDefaultImports' flag. y también me da este error del navegador cuando lo obligo a compilar de todos modos: Uncaught TypeError: Failed to resolve module specifier "pixi.js". Relative references must start with either "/", "./", or "../". Este error tiene sentido para mí, porque decirle claramente al navegador que busque pixi.js dará como resultado que no se encuentre ningún archivo, ya que es un módulo de Node.js.

Intenté cambiar import * as PIXI from "pixi.js"; para import PIXI from "pixi.js"; para deshacerme del error "solo usar importación predeterminada", pero eso solo me da un error "pixi.js no tiene exportación predeterminada", que parece estar en contraste directo con el error que estaba recibiendo antes, diciendo que solo tiene una exportación predeterminada...

E incluso si logro deshacerme de los errores de TypeScript, todavía no puedo entender cómo funcionaría correctamente de todos modos, ya que el navegador no tiene idea de qué es "pixi.js" cuando se refiere a un módulo de Nodo que no Ni siquiera existe dentro del navegador...

Entonces, todo esto me lleva a mi pregunta de ¿cómo hago para que un programa Pixi.js se ejecute con TypeScript? He buscado tutoriales muchas veces, pero cada uno incluye algo como Webpack, Browserify, etc. No me gustaría usar ningún paquete/otras dependencias, simplemente quiero escribir código TypeScript, compilarlo y hacer Dame algunos archivos .js que puedo colocar directamente en un archivo .html y ejecutarlos en mi navegador. es posible?

Mis hallazgos hasta ahora han sido que lo que estoy buscando (de alguna manera) no es posible. Descubrí que mis opciones son importar la versión estándar de JavaScript de Pixi y simplemente prescindir de la información de tipo (y hacer algunas soluciones alternativas para que TypeScript no piense que PIXI no está definido), o usar un paquete como Webpack. Ninguno de los dos es ideal, y tengo que pensar que hay otra opción...