Q:

How to access functions defined in ES6 module in a browser's JavaScript console?

I have a function that is defined in an ES6 module (sender.js) as follows:
function send() {
   // do stuff
}
export {send};

This module is then used in the application's main JavaScript file app.js as follows:
import {send} from "./sender"

The send function is available in the app.js file, however it is not in Firefox's Javascript console:
> send
ReferenceError: send is not defined

How can I import the send function in the JavaScript console?

A:

You can set the specific function as global by assigning it to the global object –
 in browsers it's window.
import {send} from "./sender";
window.send = send;

Note that while it might be useful in debugging, you shouldn't use that in production code – see Why are global variables considered bad practice?

