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:
Adicione a propriedade type.
"type": "module",Vamos usar uma tag script com type.
<script type="module" src="index.js"></script>Por último vamos usar import com a sintaxe with.
import packagejson from "./package.json" with { type: "json" };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:
