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

When on Moovweb, does the javascript have to bundled into one file?

本文关键字：一个 文件 Moovweb javascript 是否      更新时间：2023-09-26

我在Moovweb SDK工作。到目前为止，我所使用的所有javascript都被放入javascript的"main"文件夹中，在那里它被捆绑到main.js文件中。我们是否可以拆分javascript文件，只包含每个页面所需的内容，而不是将所有脚本捆绑在一起?

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

你可以添加一个单独的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文件中。等等......你懂的!

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

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

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

如果您遵循在所有已转换页面的正文中添加类的惯例，那么您可以很容易地使用它来确定JavaScript在哪些页面上运行。

例如:

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

将只在主体类为"_home"的页面上运行JS。

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

相关文章：