将一个js文件包含到准备在文档中编写的另一个js文件中

Question

i have a file called as sub.js

$(document).ready(() => console.log("sub"))

also i have a main.js file

$(document).ready(() => {
   console.log("main file")
})

using es6 import can i require the sub.js file to main.js file

expected output (like in the react, i hope this is the wrong expected output, but just want to know whether there is a solution)

sub.js

$(document).ready(() => console.log("sub"))
export default sub

main.js file

import sub from './sub'
$(document).ready(() => {
   console.log("main file")
})

Answer 1

Change sub.js:

export function sub() { console.log("sub") }

in main.js file do:

import { Sub } from './sub.js'

$(document).ready(() => {
    console.log("main file")
    sub();
})

This is using a named export . You can also use a default export in sub.js :

export default function() { console.log("sub") }

and then

import Sub from './sub.js'

$(document).ready(() => {
    console.log("main file")
    sub();
})