@babel/plugin-proposal-import-defer
Traduction Bêta Non Officielle
Cette page a été traduite par PageTurner AI (bêta). Non approuvée officiellement par le projet. Vous avez trouvé une erreur ? Signaler un problème →
Transforme les déclarations import defer en appels require() différés.
attention
Ce plugin ne peut être utilisé que lorsque vous compilez également les modules en CommonJS.
Exemple
input.js
import defer * as lib from "lib";
later(() => {
console.log(lib.value);
});
sera transformé en
output.js
"use strict";
function lib(data) {
lib = () => data;
return data = _interopRequireWildcard(require("lib"));
}
later(() => {
console.log(lib().value);
});
Installation
- npm
- Yarn
- pnpm
- Bun
npm install --save-dev @babel/plugin-proposal-import-defer
yarn add --dev @babel/plugin-proposal-import-defer
pnpm add --save-dev @babel/plugin-proposal-import-defer
bun add --dev @babel/plugin-proposal-import-defer
Utilisation
Avec un fichier de configuration (Recommandé)
babel.config.json
{
"plugins": [
"@babel/plugin-proposal-import-defer",
"@babel/plugin-transform-modules-commonjs"
]
}
Via CLI
Shell
babel --plugins=@babel/plugin-proposal-import-defer,@babel/plugin-transform-modules-commonjs script.js
Via l'API Node
JavaScript
require("@babel/core").transformSync("code", {
plugins: [
"@babel/plugin-proposal-import-defer",
"@babel/plugin-transform-modules-commonjs"
],
});