Question

我有一个wordpress网站，该网站加载了一个用jQuery填充的app.js文件，该文件处理了整个网站的功能。它非常长且难以导航。我想切换到类似SCSS局部方法的方法，在该方法中，我可以为可重复使用的代码或单个页面创建单独的文件，然后将这些文件加载到单个app.js文件中。

我知道jQuery具有$.getScript()函数，但是我的理解是在本地主机上进行开发时无法使用此函数，并且由于{{ 1}} AJAX请求。

还有其他选项可以让我创建较小的js代码片段，然后将其导入单个父文件中吗？对于我编写的每个可重复使用的JS代码，我都不想在$.getScript()中加载25个单独的脚本。

<head>

Answer 1

一种选择是将“部分” .js文件中的数据导出到模块中，然后导入到app.js中。

作为一个简单的示例，假设您的partialOne.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));