En els inicis JavaScript no comptava amb un sistema de mòduls i amb ECMAScript 6 van arribar els mòduls estàndard que van canviar la forma d'organitzar el codi. Des d'aleshores el comitè TC39 ha anat afegint millores i una de les més recents són els atributs d'importació, una forma elegant d'aportar informació addicional quan s'importa un mòdul.
Què són els atributs d'importació: un atribut d'importació permet indicar metadades sobre com s'ha de tractar un recurs en importar-lo. En la pràctica actual els navegadors i Node reconeixen sobretot l'atribut type per especificar el tipus de mòdul: json css wasm. L'especificació contempla la inclusió d'altres atributs en el futur segons sorgeixin noves necessitats.
Sintaxi bàsica: la sintaxi estén la forma habitual d'import sense reemplaçar-la, afegint la paraula with seguida de claus amb parells atribut dos punts valor, per exemple import nombre from ruta with { type: json } on type pot prendre valors com json css wasm sense cometes en aquesta explicació.
L'atribut type: type indica el format del mòdul importat. Els valors suportats avui són json css i wasm. Fora d'aquests valors no hi ha suport estàndard en l'especificació vigent.
Importar mòduls JSON al navegador: tradicionalment no existia una forma nativa d'importar fitxers JSON al navegador i es recorria a bundlers que incrustaven les dades o a l'ús de fetch i després response.json que obliga a treballar amb promeses. Amb import attributes és possible indicar explícitament que un recurs amb extensió json s'ha de tractar com JSON usant import nombre from ruta with { type: json } i obtenir el valor JSON ja analitzat a la variable importada.
Exemple conceptual per al navegador: si tens un fitxer languages.json amb una llista d'objectes nom i ext pots usar en un mòdul carregat amb type module la instrucció import languages from ./languages.json with { type: json } i usar directament languages com un array amb els objectes ja analitzats.
Importar JSON a Node: encara que CommonJS permetia require de fitxers JSON, amb els mòduls ECMAScript a Node era necessari un mecanisme equivalent. Node implementa import attributes per permetre importacions natives de JSON des d'ESM usant import languages from ./languages.json with { type: json }. Si s'omet l'atribut type és possible que Node llanci un error indicant que falta l'atribut d'importació type amb valor json.
Compatibilitat i notes: alguns bundlers continuen permetent importacions implícites sense with, però el comportament natiu de navegadors i Node segueix l'especificació que requereix l'atribut quan correspon. Import attributes són una millora poderosa per expressar com tractar recursos diferents de JavaScript pur, però la seva adopció pot variar segons eines i versions.
Per què importa per a la teva empresa: si desenvolupes solucions modernes, conèixer i aplicar import attributes permet construir aplicacions a mida i programari a mida més nets i eficients, reduint necessitat de hacks de build i millorant el flux de mòduls. A Q2BSTUDIO som especialistes en desenvolupament de programari i aplicacions a mida, amb experiència en intel·ligència artificial, ciberseguretat, serveis cloud aws i azure, serveis intel·ligència de negoci, ia per a empreses, agents IA i power bi. Integrem pràctiques d'enginyeria modernes perquè els teus projectes aprofitin característiques com import attributes juntament amb pipelines de CI CD, seguretat i desplegament al núvol.
Serveis que oferim: desenvolupament de programari a mida, creació d'aplicacions a mida, solucions d'intel·ligència artificial i agents IA per automatització de processos, consultoria en ciberseguretat, implementació de solucions en serveis cloud aws i azure, projectes d'intel·ligència de negoci amb power bi i serveis de dades que permeten explotar informació valuosa per a la presa de decisions.
Conclusió pràctica: els atributs d'importació aporten control i claredat sobre com tractar recursos importats en mòduls ECMAScript, sent particularment útils per JSON CSS i Wasm. Adoptar-los millora la coherència entre entorns i facilita la migració a patrons moderns de desenvolupament. Si vols que el teu projecte o producte aprofiti aquestes i altres bones pràctiques tecnològiques, contacta amb Q2BSTUDIO per a una proposta personalitzada en programari a mida, aplicacions a mida i iniciatives d'intel·ligència artificial i ciberseguretat.
