Plugin Babel per la proposta di importazione differita
Traduzione Beta Non Ufficiale
Questa pagina è stata tradotta da PageTurner AI (beta). Non ufficialmente approvata dal progetto. Hai trovato un errore? Segnala problema →
Trasforma le dichiarazioni import defer in chiamate require() differite.
attenzione
Questo plugin può essere utilizzato solo quando si compilano anche i moduli in CommonJS.
Esempio
input.js
import defer * as lib from "lib";
later(() => {
console.log(lib.value);
});
verrà trasformato in
output.js
"use strict";
function lib(data) {
lib = () => data;
return data = _interopRequireWildcard(require("lib"));
}
later(() => {
console.log(lib().value);
});
Installazione
- 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
Utilizzo
Con un file di configurazione (Consigliato)
babel.config.json
{
"plugins": [
"@babel/plugin-proposal-import-defer",
"@babel/plugin-transform-modules-commonjs"
]
}
Tramite CLI
Shell
babel --plugins=@babel/plugin-proposal-import-defer,@babel/plugin-transform-modules-commonjs script.js
Tramite Node API
JavaScript
require("@babel/core").transformSync("code", {
plugins: [
"@babel/plugin-proposal-import-defer",
"@babel/plugin-transform-modules-commonjs"
],
});