Estoy creando una biblioteca de componentes de iconos que incluye más de 2500 componentes React SVG. Debido a que la escala de la biblioteca es significativa, no puedo crear un index.js para exportar todos los componentes, por lo que uso la división de código mediante Rollup. Instalé la biblioteca en un proyecto para probarlo, pero vscode IntelliSense no sugiere importar el componente. Sin embargo, usé mecanografiado y tengo archivos .d.ts en cada carpeta de la biblioteca después de construir por Rollup. ¿Cómo puedo hacer que IntelliSense sugiera componentes de biblioteca?‌

aquí está la configuración acumulada:

 import { babel } from '@rollup/plugin-babel'; import typescript from '@rollup/plugin-typescript'; import {fileAddress} from './filesAddress'; import resolve from '@rollup/plugin-node-resolve'; import commonjs from '@rollup/plugin-commonjs'; import visualizer from 'rollup-plugin-visualizer'; import { terser } from 'rollup-plugin-terser'; const config = { input: fileAddress, output: [{ dir: 'dist', format: 'esm', preserveModules: true, preserveModulesRoot: 'icons', sourcemap: true, },], plugins: [ resolve(), commonjs(), babel({ babelHelpers: 'bundled' }), typescript({tsconfig:'./tsconfig.build.json',declaration:true,declarationDir: 'dist'}), terser(), visualizer({ filename: 'bundle-analysis.html', open: true, }), ] }, export default config;

ts.config.js:

 { "compilerOptions": { "declaration": true, "declarationDir": "dist", "composite": true, "declarationMap": true, "module": "esnext", "target": "es5", "lib": ["es6", "dom", "es2016", "es2017"], "sourceMap": true, "jsx": "react-jsx", "moduleResolution": "node", "allowSyntheticDefaultImports": true, "esModuleInterop": true }, "include": ["icons/**/*"], "exclude": [ "node_modules", "build", "dist", "scripts", "acceptance-tests", "webpack", "jest" ], "types": ["typePatches"] }

y el contenido de la carpeta después de la compilación: