Home > @lynx-js/external-bundle-rsbuild-plugin > pluginExternalBundle

pluginExternalBundle() function

Create a rsbuild plugin for loading external bundles.

This plugin wraps the externals-loading-webpack-plugin and automatically retrieves layer names from the react-rsbuild-plugin via api.useExposed.

Signature:

export declare function pluginExternalBundle(options: PluginExternalBundleOptions): RsbuildPlugin;

Parameters

ParameterTypeDescription
optionsPluginExternalBundleOptions

Returns:

RsbuildPlugin

Example

// lynx.config.ts
import { pluginExternalBundle } from '@lynx-js/external-bundle-rsbuild-plugin'
import { pluginReactLynx } from '@lynx-js/react-rsbuild-plugin'

export default {
  plugins: [
    pluginReactLynx(),
    pluginExternalBundle({
      externals: {
        lodash: {
          url: 'http://lodash.lynx.bundle',
          background: { sectionPath: 'background' },
          mainThread: { sectionPath: 'mainThread' },
        },
      },
    }),
  ],
}
Except as otherwise noted, this work is licensed under a Creative Commons Attribution 4.0 International License, and code samples are licensed under the Apache License 2.0.