Comment implémenter requirejs dans la page parent et la page enfant.?

Question

J'ai une page maîtresse dans le framework .net dans laquelle j'ai utilisé require.js comme ci-dessous.

Dans _MaintenanceTemplateApp.js, j'ai requirejs.config({}); dans lequel j'ai utilisé "baseUrl", "Path" et '"shim"' puis le code suivant est là.

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

Maintenant, j'utilise cette page maîtresse dans une page aspx comme MasterPageFile="~/Views/Shared/_MaintenanceTemplate.Master" et dans cette aspx j'ai un fichier js externe. Lors de l'exécution, j'obtiens une erreur comme $ is undefine.

Answer 1

Vous pouvez définir tout votre JavaScript dans le fichier principal, c'est-à-dire "_MaintenanceTemplateApp.js", puis vous pouvez l'utiliser dans nos pages individuelles.

requirejs.config({
    baseUrl: 'js/lib',
    paths: {
        // chemin de votre JavaScript que vous souhaitez utiliser dans votre fichier individuel.
        jquery: 'jquery-1.9.0'
    }
});

Ou vous pouvez utiliser "define" dans votre JavaScript individuel

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

Utilisation de require() vs. define()

Nous pouvons utiliser à la fois require() et define() pour charger des dépendances. Comprendre la différence entre ces deux fonctions est essentiel pour la gestion des dépendances. La fonction require() est utilisée pour exécuter des fonctionnalités immédiates, tandis que define() est utilisé pour définir des modules à utiliser à plusieurs endroits. Généralement, require() est utilisé dans le fichier principal. Cependant, les autres fichiers sont des modules réutilisables et utilisent donc define().

Cette page contient de bons exemples avec des explications :

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