Import Package.json in index.js

Esse projeto é só um passo a passo de como fazer um import de arquivos com extenção .json usando módulos JavaScript.

Note

Vale lembrar que JavaScript modules não é amplamente suportado pelos navegadores. Confira a compatibilidade do navegador documentação da mozilla.

Então vamos ao que importa:

packge.json

Adicione a propriedade type.

"type": "module",

index.html

Vamos usar uma tag script com type.

<script type="module" src="index.js"></script>

index.js

Por último vamos usar import com a sintaxe with.

import packagejson from "./package.json" with { type: "json" };

Exemplo de uso

para esse exemplo adicionei uma linha no js para pegar um elemento do html e colocar um innerText com o valor da versão do meu package.json.

import packagejson from "./package.json" with { type: "json" };

document.getElementById("version").innerText = packagejson.version;

Ficando assim: