@babel/plugin-proposal-json-modules
Transforms import ... with { type: "json" }
declarations to platform-specific API to read and then JSON.parse
the imported file.
The transformation applied by this plugin depends on your top-level targets
to detect whether the generated code should be compatible with Node.js, browsers, or both. When targeting Node.js, the generated code will also change depending on whether you are compiling modules to CommonJS or not.
警告
This plugin cannot be used when compiling modules to AMD, SystemJS, or UMD.
警告
This plugin only transforms import decalarations and not dynamic import()
calls.
Example
input.js
import data from "./data.json" with { type: "json" };
will be transformed to
- Browsers
- Node.js (ESM)
- Node.js (CommonJS)
- Browsers and Node.js (ESM)
output.js
const data = await fetch(import.meta.resolve("./data.json")).then(r => r.json());
output.mjs
import { readFileSync as _readFileSync } from "fs";
const data = JSON.parse(_readFileSync(new URL(import.meta.resolve("./data.json"))));
output.cjs
"use strict";
const data = JSON.parse(require("fs").readFileSync(require.resolve("./data.json")));
output.js
const data = await (
typeof process === "object" && process.versions?.node
? import("fs").then(fs => fs.promises.readFile(new URL(import.meta.resolve("./data.json")))).then(JSON.parse)
: fetch(import.meta.resolve("./data.json")).then(r => r.json())
);
Installation
- npm
- Yarn
- pnpm
npm install --save-dev @babel/plugin-proposal-json-modules