asp.net-mvc - RequireJS 如何处理多个页面和部分 View ？

Question

我正在研究RequireJS，但我对某些事情不确定。

我了解如何使用 main.js 加载所有依赖项。但是我是否需要添加任何逻辑来处理 main.js 中的这些依赖项？

对我来说，main.js看起来像是一个 document.ready 状态，当文档加载时你就在那里输入逻辑，对吗？

对于其他页面和部分 View ，我是否需要创建多个 main.js或者我可以只从 <script> 中的 View 引用依赖项中加载的函数吗？例如？

Answer 1

更新 -我添加了一个使用 RequireJS 和模块化 HTML 组件的示例。包含构建工具示例 - https://github.com/simonsmith/modular-html-requirejs

我还写了一篇关于此的博客文章 - http://simonsmith.io/modular-html-components-with-requirejs/

<小时/>

仅使用 main.js 完成所有操作的方法是 probably more suited to a single page application .

我处理这种情况的方法是仅在 main.js 文件中包含通用的站点范围 JS:

在每个页面上:

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

ma​​in.js

require.config({
// config options
});

require(['jquery', 'common/ajaxLoader', 'common/someOtherModule'], function($, ajax, otherModule) {
    // Modules that do stuff on every page are instantiated here 
});

page1.html

<script>
    require(['scripts/page1']);
</script>

page1.js

require(['jquery', 'page1Module'], function($, module){
    // page1 specific stuff here
});

上面的例子只是处理它的几种方法之一。注the difference between loading a plain JavaScript file and a module .

我遵循的经验法则是将所有可重用模块(或类，如果它更容易概念化)保留在 define 中，并具有自己的依赖项等，然后使用 require 来获取这些模块，使用它们的方法或以某种方式与它们交互。

使用此模式几乎肯定需要使用 domReady 模块 that is a separate plugin for RequireJS 。使用这个instead of a ready function in jQuery例如，它允许模块在 DOM 准备好之前开始下载，从而减少代码执行的等待时间。

编辑您可能希望see another example of multi-page application在 RequireJS 存储库中