or run

npx @tessl/cli init
Log in

Version

Tile

Overview

Evals

Files

docs

index.md
tile.json

tessl/npm-babel-plugin-syntax-dynamic-import

Babel syntax plugin that enables parsing of dynamic import() expressions

Workspace
tessl
Visibility
Public
Created
Last updated
Describes
npmpkg:npm/babel-plugin-syntax-dynamic-import@6.18.x

To install, run

npx @tessl/cli install tessl/npm-babel-plugin-syntax-dynamic-import@6.18.0

index.mddocs/

babel-plugin-syntax-dynamic-import

babel-plugin-syntax-dynamic-import is a Babel syntax plugin that enables parsing of dynamic import() expressions in JavaScript code. It extends Babel's parser capabilities by adding the 'dynamicImport' plugin to the parser options, allowing developers to use ES2020 dynamic import syntax in code that will be processed by Babel.

Package Information

  • Package Name: babel-plugin-syntax-dynamic-import
  • Package Type: npm
  • Language: JavaScript
  • Installation: npm install babel-plugin-syntax-dynamic-import

Core Imports

import syntaxDynamicImport from "babel-plugin-syntax-dynamic-import";

CommonJS:

const syntaxDynamicImport = require("babel-plugin-syntax-dynamic-import");

Basic Usage

Via .babelrc (Recommended)

{
  "plugins": ["syntax-dynamic-import"]
}

Via CLI

babel --plugins syntax-dynamic-import script.js

Via Node API

require("babel-core").transform("code", {
  plugins: ["syntax-dynamic-import"]
});

Programmatic Usage

import syntaxDynamicImport from "babel-plugin-syntax-dynamic-import";

// Used in preset or plugin configuration
export default {
  plugins: [
    syntaxDynamicImport,
    // other plugins...
  ]
};

Capabilities

Plugin Factory Function

The main export is a default function that returns a Babel plugin object with parser manipulation capabilities.

/**
 * Default export function that returns a Babel plugin object
 * @returns {BabelPlugin} Plugin object with manipulateOptions method
 */
export default function(): BabelPlugin;

interface BabelPlugin {
  /**
   * Modifies parser options to add 'dynamicImport' plugin to parser plugins array.
   * This enables the Babel parser to recognize dynamic import() syntax.
   * @param {any} opts - Babel options object (not used by this plugin)
   * @param {ParserOptions} parserOpts - Parser options object with plugins array
   */
  manipulateOptions(opts: any, parserOpts: ParserOptions): void;
}

interface ParserOptions {
  /** Array of parser plugins to enable additional syntax support */
  plugins: string[];
}

Usage Example:

// What the plugin enables - parsing dynamic import() expressions
const loadModule = () => import('./my-module.js');

// The plugin allows Babel to parse the import() syntax above
// without throwing a syntax error, enabling other plugins
// to transform or analyze the dynamic import

Notes

  • This is a syntax-only plugin - it only enables parsing, not transformation
  • Enables ES2020 dynamic import() syntax support in Babel parser
  • Commonly used in combination with other Babel plugins and presets
  • Essential for modern JavaScript applications using code splitting and lazy loading
  • Has no runtime dependencies and minimal overhead