将一个 js 文件包含在文档就绪中写入的另一个 js 文件中

Question

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

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

我也有一个主文件.js文件

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

使用 ES6 导入是否可以要求将子.js文件作为主文件.js文件

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

子.js

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

主.js文件

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

Answer 1

change sub.js：

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

在主文件中.js文件执行：

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

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

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

然后

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