我有一个 wordpress 站点，它加载一个app.js填充了 jQuery的单个文件，该文件处理整个站点的功能。它非常漫长且难以导航。我想切换到类似 SCSS 部分的方法，在那里我可以为可重用代码或单个页面创建单独的文件，然后将这些文件加载到一个app.js文件中。我知道 jQuery 有一个$.getScript()函数，但我的理解是在我的本地主机上开发时我不能使用它，并且由于$.getScript()AJAX 请求的性质，尝试加载本地存储的文件将不起作用。是否有其他选项可以让我创建更小的 js 片段，然后将它们导入到单个父文件中？我不想<head>为我编写的每个可重用的 js 位加载 25 个单独的脚本。|--js| |-- app.js| |-- partials| | |-- partialOne.js| | |-- partialTwo.js
1 回答
牛魔王的故事
TA贡献1830条经验 获得超3个赞
一种选择是将“部分”.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));
有关使用模块的更多信息，请查看https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/export
添加回答
举报
0/150
提交
取消