Esbuild-plugin-dynamic-import NPM

esbuild-plugin-dynamic-import

Dynamic import variables support for esbuild

Usage

Install

# pnpm
pnpm add -D esbuild-plugin-dynamic-import

# yarn
yarn add -D esbuild-plugin-dynamic-import

# npm
npm i -D esbuild-plugin-dynamic-import

API

import { dynamicImport } from 'esbuild-plugin-dynamic-import'

esbuild.build({
  plugins: [
    dynamicImport({
      // filter: // optional, default: /\.([cm]?[jt]s|[jt]sx)$/
      // ignore: // optional, default: /\bnode_modules\b/
      // loader: // optional, default: adjust with path extension
    }),
  ],
})

Usage

const lazyImport = () => import(`./pages/${page}`)

// comments are allowed
const lazyImport = () =>
  import(
    /* comment1 */ // inline comment
    /**
     * multiline comment
     */
    `./pages/${
      page
      // inline comment
      /* comment2 */
    }`
  )

The expressions are matched with RegExp instead of parsing as AST for performance reason, so you should only use it for simple cases as following: