acorn-dynamic-import

What is acorn-dynamic-import?

The acorn-dynamic-import package is a plugin for the Acorn JavaScript parser that adds support for parsing dynamic import() syntax. This allows developers to use the import() function to dynamically load modules in their JavaScript code, which can be useful for code splitting and lazy loading.

What are acorn-dynamic-import's main functionalities?

Parsing dynamic import() syntax

This feature allows the Acorn parser to understand and parse the dynamic import() syntax. The code sample demonstrates how to extend the Acorn parser with the acorn-dynamic-import plugin and parse a piece of JavaScript code that uses dynamic import().

const acorn = require('acorn');
const dynamicImport = require('acorn-dynamic-import').default;

const Parser = acorn.Parser.extend(dynamicImport);

const code = 'import("./module.js").then(module => { console.log(module); });';
const ast = Parser.parse(code, { ecmaVersion: 2020 });

console.log(ast);

Other packages similar to acorn-dynamic-import

babel-plugin-syntax-dynamic-import

The babel-plugin-syntax-dynamic-import package is a Babel plugin that allows Babel to parse the dynamic import() syntax. Unlike acorn-dynamic-import, which is a plugin for the Acorn parser, babel-plugin-syntax-dynamic-import is used with Babel to enable the parsing of dynamic imports during the transpilation process.

es-module-lexer

The es-module-lexer package is a fast, minimal lexer for ES module syntax, including dynamic import() statements. It is designed to be used in environments where performance is critical. Compared to acorn-dynamic-import, es-module-lexer is more focused on performance and minimalism, providing a lightweight solution for identifying ES module imports and exports.

README

Dynamic import support in acorn

This is plugin for Acorn - a tiny, fast JavaScript parser, written completely in JavaScript.

For more information, check out the proposal repo.

Usage

You can use this module directly in order to get Acorn instance with plugin installed:

import acorn from 'acorn-dynamic-import';
// or...
const acorn = require('acorn-dynamic-import').default;

Or you can use inject.js for injecting plugin into your own version of Acorn like this:

const acorn = require('acorn-dynamic-import/lib/inject').default(require('./custom-acorn'));

Then, use the plugins option whenever you need to support dynamicImport while parsing:

const ast = acorn.parse(code, {
  plugins: { dynamicImport: true }
});

License

This plugin is issued under the MIT license.

Changelog

2.0.2

• Fixing parsing of yield import().