javascript - 如何在主页面和子页面中实现requirejs。？

Question

我在 .net framwork 中有一个母版页，我在其中使用了 require.js，如下所示。

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

在 _MaintenanceTemplateApp.js 我有 requirejs.config({}); 在这我使用了 "baseUrl", “Path” 和“shim”，然后是下面的代码。

requirejs(["jquery/jquery", "Shared/_MaintenanceTemplateMain", "jquery/jquery-ui", 
"jquery/jquery-ui-layout", "jquery/jquery-ui-blockui", "jquery/jquery.multiselect",

现在我在一个 aspx 页面中使用这个母版页作为 MasterPageFile="~/Views/Shared/_MaintenanceTemplate.Master" 并且在这个 aspx 中我有一些外部 js 文件。执行此操作时出现错误，如 $ is undefine。

Answer 1

您可以在主 js 中定义所有 js，即 “_MaintenanceTemplateApp.js”，然后您可以在我们的个人页面中使用。

requirejs.config({
    baseUrl: 'js/lib',
    paths: {
        // path od your js which you want to use in your individual file.
        jquery: 'jquery-1.9.0'
    }
});

或者你可以在你自己的js中使用"define"

define(['jquery'], function ($) {...});

使用 require() 与 define()

我们可以同时使用require() 和define() 来加载依赖。了解这两个功能之间的区别对于管理依赖关系至关重要。 require() 函数用于运行即时功能，而 define() 用于定义在多个位置使用的模块。大多数情况下 require() 在 main js 中使用。但是，其他文件是可重用模块，因此使用 define()。

这个页面有很好的例子和解释:

https://www.sitepoint.com/understanding-requirejs-for-effective-javascript-module-loading/