将本地 JavaScript 文件导入单个 JavaScript 文件
我有一个 wordpress 站点，它加载一个app.js填充了 jQuery的单个文件，该文件处理整个站点的功能。它非常漫长且难以导航。我想切换到类似 SCSS 部分的方法，在那里我可以为可重用代码或单个页面创建单独的文件，然后将这些文件加载到一个app.js文件中。
我知道 jQuery 有一个$.getScript()函数，但我的理解是在我的本地主机上开发时我不能使用它，并且由于$.getScript()AJAX 请求的性质，尝试加载本地存储的文件将不起作用。
是否有其他选项可以让我创建更小的 js 片段，然后将它们导入到单个父文件中？我不想<head>为我编写的每个可重用的 js 位加载 25 个单独的脚本。
|--js
| |-- app.js
| |-- partials
| | |-- partialOne.js
| | |-- partialTwo.js
森栏浏览 141回答 1
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));有关使用模块的更多信息，请查看https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/export
随时随地看视频慕课网APP
相关分类
JavaScript