ES6 export default function

Question

can I export more than one function per file ? it seems like when I do that , the second function ovverides the first one ,

example : in my index.js file :

export default function aFnt(){
    console.log("function a");
}
export default function bFnt(){
    console.log("function b");
}

then when I import it in my file :

import aFnt from "./index";

console.log("aFnt : ",aFnt);

the result of the console.log is bFnt

what exactly is the case here ? do I have to create a new file per function ? that is not very practical , any solution or workaround ?

Answer 1

madox2's answer totally works if you want to import named functions.

If you still want to import the default, there's another technique:

function a() {}

function b() {}

export default { a, b }

and when you import:

import myObject from './index.js';

myObject.a(); // function a
myObject.b(); // function b

I hope this helps!

Answer 2

You can use named export instead of default:

export function aFnt(){
    console.log("function a");
}
export function bFnt(){
    console.log("function b");
}

and import it like:

import {aFnt, bFnt} from "./index";