TargetableESModuleArray

Builds a simple ES module that imports a list of other modules you provide, and then re-exports those modules in order as an array. Useful for building extensible navigation lists, routes, strategies, etc.

This class uses export-esm-collection-loader to build the source code.

• TargetableESModuleArray
  • .addImport(importString) ⇒ undefined
  • .add(...items) ⇒ undefined
  • .push(...importString) ⇒ undefined
  • .unshift(...importString) ⇒ undefined

Adds a module to the end of the array.

This also acts as an alias for the push() function.

Returns: Parameters

Add a module or modules to the end of the array.

This also acts as an alias for the push() function.

Returns: Parameters

Add a module or modules to the end of the array.

Returns: Parameters

Add a module or modules to the beginning of the array.

Returns: Parameters

Source Code: pwa-studio/packages/pwa-buildpack/lib/WebpackTools/targetables/TargetableESModuleArray.js

Examples

Code examples for the TargetableESModuleArray class.

Export PlainHtmlRenderer and PageBuilder in a list

This example uses the TargetableESModuleArray class to add PageBuilder and PlainHtmlRenderer to the array exported by the richContentRenderers.js file.

Copy
// Create a TargetableESModuleArray linked to the richContentRenderers.js file
const renderers = targetable.esModuleArray(
  "@magento/venia-ui/lib/components/RichContent/richContentRenderers.js"
);

// Push PageBuilder and PlainHtmlRenderer to the end of the array
renderers.push('import * as PageBuilder from "@magento/pagebuilder"');
renderers.push(
  'import * as PlainHtmlRenderer from "@magento/venia-ui/lib/components/RichContent/plainHtmlRenderer"'
);
Copied to your clipboard
// Create a TargetableESModuleArray linked to the richContentRenderers.js file
const renderers = targetable.esModuleArray(
  "@magento/venia-ui/lib/components/RichContent/richContentRenderers.js"
);

// Push PageBuilder and PlainHtmlRenderer to the end of the array
renderers.push('import * as PageBuilder from "@magento/pagebuilder"');
renderers.push(
  'import * as PlainHtmlRenderer from "@magento/venia-ui/lib/components/RichContent/plainHtmlRenderer"'
);

The file linked to the TargetableESModuleArray class must be a module that export an empty array. Without the module, the loader has nothing to "load" and will not execute. Code editors and linters may also complain if the module is missing.

After the transforms above, richContentRenderers.js enters the bundle as:

Copy
import * as PageBuilder from "@magento/pagebuilder";
import * as PlainHtmlRenderer from "@magento/venia-ui/lib/components/RichContent/plainHtmlRenderer";

export default [PageBuilder, PlainHtmlRenderer];
Copied to your clipboard
import * as PageBuilder from "@magento/pagebuilder";
import * as PlainHtmlRenderer from "@magento/venia-ui/lib/components/RichContent/plainHtmlRenderer";

export default [PageBuilder, PlainHtmlRenderer];

Last updated 9/13/2023

Was this helpful?

Yes

No