如何基于HTML文件要求不同的js文件？

Question

我有多个html文件：

• page1.html
• page2.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的配置。）

• page1.html-> js/main.js和js/page1.js
• page2.html-> js/main.js和js/page2.js

任何想法如何做到这一点，什么是最佳实践？这不是ECMA 6，而是普通的旧JS，我尝试在其中模块化大型js文件。

Answer 1

我找到了一种方法，但仍不确定那是否是正确的方法，但这是我的方法。例如在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]);
}