Meta

Estoy trabajando en un proyecto de prueba de concepto donde el objetivo es crear un paquete NPM con TypeScript que exporte íconos SVG personalizados. La biblioteca es solo para exportar los SVG sin procesar, y no como un componente [marco].

Problema

En este momento, recibo varios errores de TypeScript, ya sea porque no existe una exportación o porque la biblioteca no se ha escrito correctamente. Debido a que no hay un problema específico, espero compartir algunas de mis configuraciones para que alguien más familiarizado con estas herramientas pueda ayudar.

No soy muy bueno con las herramientas, así que no estoy seguro de dónde está la desconexión con

• Exportación de los iconos SVG para que los importe el usuario final
• Crear las declaraciones de tipo adecuadas para la biblioteca

Configuración

paquete.json

 { ... "module": "dist/index.js", "types": "dist/index.d.ts", "scripts": { "build": "tsc", } }

tsconfig.json

 { "compilerOptions": { "allowSyntheticDefaultImports": true, "baseUrl": "src", "declaration": true, "esModuleInterop": true, "isolatedModules": true, "lib": ["dom", "dom.iterable", "esnext"], "module": "esnext", "moduleResolution": "node", "outDir": "dist", "resolveJsonModule": true, "skipLibCheck": true, "target": "es5" }, "include": ["src", "global.d.ts"] }

global.d.ts

 declare module '*.svg' { const content: string; export default content; }

src/index.ts

 import TestIcon from "./svg/test.svg"; import ArrowThinLeft from "./svg/arrow-thin-left.svg"; export { TestIcon, ArrowThinLeft };

Gracias por echar un vistazo :)