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

Question

我有一个名为sub.js的文件

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

我也有一个main.js文件

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

使用es6 import我可以将sub.js文件要求为main.js文件吗

预期输出（就像在react中一样，我希望这是错误的预期输出，但只想知道是否有解决方案）

sub.js

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

main.js文件

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

Answer 1

更改sub.js：

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

在main.js文件中执行以下操作：

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

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

这是使用命名的export 。 您还可以在sub.js使用默认导出 ：

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

接着

import Sub from './sub.js'

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