¿Cómo exportar un solo valor o elemento en un módulo?

Los módulos en JavaScript contienen algunos datos o funciones que se pueden reutilizar en cualquier lugar llamándolos. La declaración de exportación se usa al crear estos módulos para que los mismos módulos se puedan importar en cualquier otra parte del código para usar esos datos y realizar algunas tareas (realizadas por funciones) repetitivamente.

Sintaxis: la siguiente sintaxis se utiliza para exportar el valor/elemento único del módulo

export default element;

Nota: esta sintaxis solo se usa para exportar un solo valor del módulo, no se pueden exportar otros valores si se usa una exportación predeterminada, ya que es solo una por módulo.

Estructura del proyecto: Tendrá el siguiente aspecto.

Estructura del proyecto de código

Aquí, en la carpeta raíz de «GFG-MODULES» hay 3 archivos, a saber, «index.html», «index.js» y nuestro archivo «package.json» junto con estos, tiene la carpeta «módulos» que contiene un archivo llamado «siteData.js».

Ejemplo de código: 

Paso 1: Configurar el archivo package.json para que no cause ningún error cuando se usan declaraciones de exportación
En nuestro archivo package.json, agregue la siguiente propiedad:

"type" : "module"

Cuando tiene la propiedad «tipo: módulo», su código fuente puede usar la sintaxis de importación; de lo contrario, causará errores y solo admitirá la sintaxis «requerir». Su archivo package.json debería verse similar a esto:

{
  "name": "gfg-modules",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "type": "module",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "GFG",
  "license": "ISC"
}

Paso 2: exporte el elemento único del módulo. Aquí, en el archivo siteData.js   , tenemos varios elementos, pero solo estamos exportando un único valor de este módulo que es «siteName».

const siteName = "GeeksForGeeks";
const url = "https://www.geeksforgeeks.org/";
const founderName = "Sandeep Jain";
const aboutSite = "A Computer Science portal for geeks";
const siteContent = "Computer science and Programming articles along with Courses";
export default siteName;

Paso 3: importar el elemento único en index.js. Aquí hemos importado el valor único que hemos exportado desde el módulo «siteData.js»

import siteName from "./modules/siteData.js";
  
console.log(siteName);

Paso para ejecutar la aplicación: Abra la terminal y escriba el siguiente comando.

node index.js

Producción: 

GeeksForGeeks