javascript - 在 Moovweb 上时，javascript 是否必须捆绑到一个文件中？

Question

我在 Moovweb SDK 中工作。到目前为止，我使用的所有 javascript 都已放入 javascript 的“main”文件夹中，并在该文件夹中捆绑到 main.js 文件中。我们可以拆分 javascript 文件，只包含我们需要的每页内容，而不是将所有脚本捆绑在一起吗？

score 5 · Accepted Answer

要使用 Moovweb SDK 添加单个 Javascript 文件，请使用insert()相应 TS 文件中的函数。

您可以使用以下方法从项目文件夹中添加单个 Javascript 文件assets/：

insert("script", type: "text/javascript", src: asset("javascript/MY_JS_FILE.js"))

您也可以使用相同的技术添加远程托管的 Javascript 文件：

insert("script", type: "text/javascript", src: "//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js")

如果您希望在整个站点中添加此 Javascript 文件，您需要将代码行添加到html.ts文件中。如果您只希望该 Javascript 文件出现在主页上，请将代码行放在pages/home.ts文件中。等等......你明白了！

默认情况下，如docsassets/javascript/main中一样，Moovweb SDK 将所有 JS 文件放在main.js.

使用上述技术，您可以轻松地不使用捆绑并单独提供 JS 文件。

score 2 · Accepted Answer

您还可以将 JavaScript 范围限定为仅适用于某些页面。

如果您遵循将类添加到所有转换页面的正文的约定，那么您可以轻松地使用它来识别您的 JavaScript 在哪些页面上运行。

例如：

x$(document).on("DOMContentLoaded", function() {
  x$("body._home").each(function() {
    // my javascript
  });
});

将仅在具有“_home”类的正文的页面上运行您的 JS。

这样，您的 JavaScript 仍然与其他脚本捆绑在一起。

2 回答 2