Share JavaScript Code Between LWC and Aura

To share JavaScript code between Lightning web components and Aura components, put the code in an ES6 module.

To share an ES6 module:

  1. Create an API module component using the Lightning Web Components programming model.
  2. To use the code in a Lightning web component, import and reference it in the component’s JavaScript file.
  3. To use the code in an Aura component, use the same syntax that you use to import an Aura component and call its methods. For example code, see the Aura lightning:navigationItemAPI component docs. Note that lightning:navigationItemAPI is an Aura component, not an ES6 module, but to import an ES6 module, you use the same Aura syntax.

The lwc-recipes repo has an lmsPublisherWebComponent module that enables communication between Lightning web components and Aura components.

Tip

See Also

Get Started
Create Lightning Web Components
Work with Lightning Base Components
Communicate with Events
Work with Salesforce Data
Develop Secure Code
Use Components in Salesforce Targets
Use Components Outside Salesforce with Lightning Out 2.0
Aura Coexistence
Composition
Events
Share JavaScript Code
Migrate Aura Components
Debug Lightning Web Components
Test Lightning Web Components
Improve Performance
Use DX MCP Tools for LWC (Beta)
LWC API Modules
Reference