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

Question

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

Answer 1

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

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

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文件中。等等......你明白了！

---

默认情况下，与docs一样，Moovweb SDK会将所有JS文件放在assets/javascript/main中，将其捆绑并作为main.js投放。

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

Answer 2

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

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

例如：

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

仅在具有“_home”类主体的页面上运行JS。

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