A menudo, en la documentación de las bibliotecas, se proporcionará información en los documentos sobre cómo importar el módulo una vez que se haya instalado a través de npm. Por ejemplo:
import React from "react"Cuando esto no se da, ¿cómo es posible saber qué se debe importar para hacer uso de la biblioteca?
Para casi todas las bibliotecas/paquetes, el nombre del paquete es el que necesita importar.
Por ejemplo, ejecuta npm install react para instalar reaccionar en la carpeta de su proyecto.
Observe cómo escribió react mientras ejecuta el comando. Esto nos dice que instaló un paquete llamado react .
Ahora para importarlo, simplemente escribe:
import the_name_you_want_to_declare from 'the_package_name'; Ahora, esta sintaxis es solo cuando el paquete tiene exportaciones default .
Para paquetes que no tienen exportaciones default , debe escribir:
import {the_named_export} from 'the_package_name';Observe las llaves alrededor del nombre de la declaración que se usará en ese archivo.
La configuración de proyectos con marcos modernos como reaccionar, vue, angular vienen con una herramienta de construcción integrada como paquete web. Se encarga del árbol de dependencias del proyecto y solo carga los módulos necesarios.
ej.: Importar {aplanar} de lodash:
La declaración anterior solo incluye el método flatten en su paquete en lugar de todo lodash.
Con respecto a su pregunta de qué importar depende de lo que ya está instalado y qué es exactamente lo que desea usar.
Espero que se aclare.
Para las importaciones default (como la que mostró), puede elegir el nombre que desee .
Para las exportaciones con named , tendrá que profundizar en el código fuente para ver qué exportaciones con nombre existen. Si un paquete ni siquiera proporciona documentación sobre eso, no consideraría usarlo.