Tengo una biblioteca de componentes donde uso index.ts para importar/exportar los componentes. A medida que construyo componentes, tengo que agregar más importaciones junto con más exportaciones. El trabajo crece en O(n) .
¿Hay alguna manera de exportar todos los archivos importados? De esa manera solo tendría que importar los componentes, lo que reduciría el trabajo a la mitad. Estos componentes se denominarán importaciones como import { ComponentOne, ComponentTwo } from '@library'
índice.ts
// Imports: Components import ComponentOne from '../src/components/ComponentOne'; import ComponentTwo from '../src/components/ComponentTwo'; import ComponentThree from '../src/components/ComponentThree'; import ComponentFour from '../src/components/ComponentFour'; // Exports export { ComponentOne, ComponentTwo, ComponentThree, ComponentFour, }Puede usar babel-plugin-module-resolver que puede simplificar las rutas de require/import en su proyecto. Por ejemplo, en lugar de usar rutas relativas complejas como ../../../../utils/my-utils , puede escribir utils/my-utils. Te permitirá trabajar más rápido ya que no necesitarás calcular cuántos niveles del directorio tienes que subir antes de acceder al archivo.
// Use this: import MyUtilFn from 'utils/MyUtilFn'; // Instead of that: import MyUtilFn from '../../../../utils/MyUtilFn'; // And it also work with require calls // Use this: const MyUtilFn = require('utils/MyUtilFn'); // Instead of that: const MyUtilFn = require('../../../../utils/MyUtilFn');Puede export desde el mismo archivo en el que está trabajando como,
export default ComponentOne;No es necesario crear otro archivo solo para exportar e importar como lo hizo.