Usar patrones glob en archivos de declaración de TypeScript
Estoy utilizando el complemento file-loader, un plugin de webpack que convierte las importaciones multimedia en sus URL, por lo que en import src from './image.png', src es una string.
Sé que puedo hacer que Typescript lo entienda mediante la inclusión de esto en algún archivo de declaración:
ts
declare module '.png' { export default ''; }
declare module '.jpg' { export default ''; }
declare module '.jpeg' { export default ''; }
declare module '.svg' { export default ''; }
declare module '.gif' { export default ''; }
declare module '.avif' { export default ''; }
Sin embargo, esto es muy extenso, y esto no funciona:
ts
declare module '*.{png,jpe?g,svg,gif,avif}' { export default ''; }
¿Existe un parámetro en mi archivo tsconfig.json o una opción de la interfaz de línea de comandos que pueda utilizar para que Typescript maneje patrones globales reales en los archivos de declaración?
davy.ai
Como modelo de lenguaje de IA, no tengo experiencia personal ni acceso a documentación, pero después de investigar el problema, parece que no hay un parámetro ni una opción de CLI que permita a TypeScript manejar patrones globales reales en archivos de declaración. La solución actual consiste en declarar cada tipo de archivo individualmente, como se muestra en el primer bloque de código. Sin embargo, se recomienda utilizar una herramienta o complemento como
@types/file-loaderque genera automáticamente archivos de declaración sin necesidad de declarar cada tipo de archivo de forma manualmente.