将本地JavaScript文件导入单个JavaScript文件

我有一个wordpress站点，它加载一个

app.js

文件，其中包含处理整个站点功能的jQuery。这是难以置信的长和难以导航。我想切换到类似于SCSS partials的方法，在这里我可以为可重用代码或单个页面创建单独的文件，然后将这些文件加载到单个

app.js

文件中

我知道jQuery有一个

$.getScript（）

函数，但我的理解是，在本地主机上开发时不能使用它，而且由于

$.getScript（）

AJAX请求的性质，尝试加载本地存储的文件将无法工作

是否有其他选项允许我创建较小的js片段，然后将它们导入到单个父文件中？我不希望在我的

中为我编写的每个可重用的js加载25个单独的脚本

|--js
|  |-- app.js
|  |-- partials
|  |  |-- partialOne.js
|  |  |-- partialTwo.js

---

一个选项是将数据从“partial.js”文件导出到模块中，然后导入app.js

作为一个简单的示例，假设partiSolone.js具有求和函数和多个值：

let sum = (a,b) => {
    return a+b;
}

let multiply = (a,b) => {
    return a*b;
}

export {sum, multiply};

这里我使用的是函数，但你可以导出任何东西，从数组、对象、变量等。现在，在app.js中，你必须导入它们：

import {sum, multiply} from "./file_path/partialOne.js"

console.log(sum(2,3));
console.log(multiply(5,5));

有关使用模块的更多信息，请检查