时间戳

首页 > 解决方案 > 如何根据 html 文件要求不同的 js 文件？

javascript - 如何根据 html 文件要求不同的 js 文件？

问题描述

我有多个 html 文件：

每个文件都require.js使用data-main="js/main".

<script data-main="/js/main" src="/js/lib/require.js"></script>

该main.js文件包含require.config({...});. - 我的应用程序需要的所有配置文件，应该总是加载这个文件。

现在如下：根据加载的 html 文件，我想加载（requirejs）一个不同的 js 文件（它也有来自js/main. 的配置）

知道如何做到这一点，最佳实践是什么？这不是 ECMA 6，只是我尝试模块化一个大 js 文件的普通旧 JS。

标签： javascriptrequirejs

解决方案

我找到了一种方法，仍然不确定这是否是正确的方法，但这就是我的方法。例如在page1.html：

<script>
JS_MODULE = 'page1module';
</script>
... some html

<script data-main="/js/main" src="/js/lib/require.js"></script>

在main.js：

//on top are the configs etc...
if(typeof JS_MODULE !== "undefined"){
    require([JS_MODULE]);
}

推荐阅读