Saltar al contenido principal

@babel/plugin-proposal-import-defer

Traducción Beta No Oficial

Esta página fue traducida por PageTurner AI (beta). No está respaldada oficialmente por el proyecto. ¿Encontraste un error? Reportar problema →

Transforma declaraciones import defer en llamadas diferidas require().

precaución

Este plugin solo puede usarse cuando también se compilan módulos a CommonJS.

Ejemplo​

input.js
import defer * as lib from "lib";

later(() => {
  console.log(lib.value);
});

se transformará en

output.js
"use strict";

function lib(data) {
  lib = () => data;
  return data = _interopRequireWildcard(require("lib"));
}

later(() => {
  console.log(lib().value);
});

Instalación​

npm install --save-dev @babel/plugin-proposal-import-defer

Uso​

Mediante un archivo de configuración (Recomendado)​

babel.config.json
{
  "plugins": [
    "@babel/plugin-proposal-import-defer",
    "@babel/plugin-transform-modules-commonjs"
  ]
}

Mediante la CLI​

Shell
babel --plugins=@babel/plugin-proposal-import-defer,@babel/plugin-transform-modules-commonjs script.js

Mediante la API de Node​

JavaScript
require("@babel/core").transformSync("code", {
  plugins: [
    "@babel/plugin-proposal-import-defer",
    "@babel/plugin-transform-modules-commonjs"
  ],
});

Referencias​