Ce document semble être un fichier de configuration pour un chargeur de modules JavaScript, probablement RequireJS. Il définit la manière dont les modules JavaScript sont chargés et gérés. Il comprend trois sections principales : paths, deps et map, ainsi qu’une configuration waitSeconds.
1. Section paths
Cette section associe des noms courts et pratiques aux chemins d’accès réels des fichiers javascript. Par exemple :
"underscore":"fly/libs/underscore-1.5.1": Lorsque votre code utiliserequire(['underscore']), le chargeur chargera en réalitéfly/libs/underscore-1.5.1.js."jquery":"libs/jquery/jquery-3.6.0": De même,require(['jquery'])chargelibs/jquery/jquery-3.6.0.js."backbone":"fly/libs/backbone-1.0.0": Chargefly/libs/backbone-1.0.0.js.
Remarques importantes concernant paths :
- Extension
.js: Notez que les chemins d’accès n’incluent généralement pas l’extension.js.
2. Section deps
cette section définit les dépendances entre les modules. Par exemple :
"fly/app/views/HomeView":["fly/libs/backbone", "fly/app/models/HomeModel"]: Ce module dépend defly/libs/backboneetfly/app/models/HomeModel."fly/app/VideoPlayer":["jquery", "libs/dataTables"]: Ce module dépend dejqueryetlibs/dataTables."https://sports.cbsimg.net/js/CBSi/app/VideoPlayer/AdobePass-min.js":["https://sports.cbsimg.net/js/CBSi/util/Utils-min.js"]: Ce module dépend dehttps://sports.cbsimg.net/js/CBSi/util/Utils-min.js.
3. Section map
Cette section fournit un mappage entre les noms de modules et les URL. Elle est utile pour créer des alias pour les bibliothèques externes ou pour fournir une manière cohérente de faire référence aux modules.
"":{"adobe-pass":"https://sports.cbsimg.net/js/cbsi/app/VideoPlayer/AdobePass-min.js",...}: Le""signifie que ce mappage s’applique à tous les modules.Par exemple, si votre coderequire(['adobe-pass']), le chargeur chargerahttps://sports.cbsimg.net/js/CBSi/app/VideoPlayer/AdobePass-min.js. C’est une manière courante de définir les dépendances externes.
La section map définit des alias pour de nombreux scripts externes,notamment le SDK Facebook,les API Google,les balises publicitaires GPT,HLS.js, Recaptcha, Supreme golf, Taboola, les widgets Twitter et divers composants du lecteur vidéo CBS Interactive.
4. waitSeconds
"waitSeconds":300: Cela définit le délai d’attente (en secondes) pour le chargement des modules. Si un module ne se charge pas dans les 300 secondes, RequireJS générera une erreur. 300 secondes (5 minutes) est un délai d’attente très long.
Okay, this looks like a configuration file for a JavaScript module loader, likely RequireJS. let’s break down what it represents.
Overall Structure
This is a JSON object that defines how JavaScript modules are loaded and managed. It has three main sections:
paths: Defines aliases for module paths. This is how the loader knows where to find specific modules.
deps: Defines dependencies between modules.
map: Defines how to map certain module names to specific URLs.
waitSeconds: Sets a timeout for module loading.1. paths Section
This section maps short,convenient names to the actual paths of JavaScript files. for example:
"underscore":"fly/libs/underscore-1.5.1": When your code require(['underscore']), the loader will actually load fly/libs/underscore-1.5.1.js.
"jquery":"libs/jquery/jquery-3.6.0": Similarly,require(['jquery']) loads libs/jquery/jquery-3.6.0.js.
"backbone":"fly/libs/backbone-1.0.0": Loads fly/libs/backbone-1.0.0.js.
Vital Notes about paths:
.js Extension: Notice that the paths generally don’t include the .js extension. requirejs usually assumes .js by default. Relative Paths: The paths are relative to the HTML page where the RequireJS script is included.
Versioned Paths: Some paths include version numbers (e.g., underscore-1.5.1, jquery-3.6.0). This is a good practice for cache busting and ensuring you’re using the correct versions of libraries.2.deps section
This section defines the dependencies of specific modules. It’s used to tell the loader what other modules a module relies on.
"fly/libs/backbone-1.0.0":{"deps":["version!fly/libs/underscore","jquery"],"exports":"Backbone"}: This means that the fly/libs/backbone-1.0.0 module depends on fly/libs/underscore and jquery. The version! prefix is a RequireJS plugin that likely handles versioning or caching. "exports":"Backbone" indicates that the module defines a global variable named Backbone.
"libs/jquery/ui/jquery.ui.tabs-1.11.4":["jquery","version!libs/jquery/ui/jquery.ui.core","version!fly/libs/jquery.widget"]: This module depends on jquery, libs/jquery/ui/jquery.ui.core, and fly/libs/jquery.widget.
"libs/jquery/flexslider-2.1":["jquery"]: This module depends on jquery.
"libs/dataTables.fixedColumns-3.0.4":["jquery","version!libs/dataTables"]: This module depends on jquery and libs/dataTables.
"libs/dataTables.fixedHeader-2.1.2":["jquery","version!libs/dataTables"]: This module depends on jquery and libs/dataTables.
"https://sports.cbsimg.net/js/CBSi/app/VideoPlayer/AdobePass-min.js":["https://sports.cbsimg.net/js/CBSi/util/Utils-min.js"]: This module depends on https://sports.cbsimg.net/js/CBSi/util/Utils-min.js.
3. map Section
This section provides a mapping between module names and URLs. It’s useful for aliasing external libraries or providing a consistent way to refer to modules.
"":{"adobe-pass":"https://sports.cbsimg.net/js/CBSi/app/VideoPlayer/AdobePass-min.js", ...}: The "" means this mapping applies to all modules.for example, if your code require(['adobe-pass']), the loader will load https://sports.cbsimg.net/js/CBSi/app/VideoPlayer/AdobePass-min.js. This is a common way to define external dependencies.
The map section defines aliases for many external scripts, including Facebook SDK, Google APIs, GPT ad tags, HLS.js, Recaptcha, Supreme Golf, Taboola, Twitter widgets, and various CBS Interactive video player components.
4. waitSeconds
* "waitSeconds":300: This sets the timeout (in seconds) for module loading. If a module doesn’t load within 300 seconds, RequireJS will throw an error. 300 seconds (5 minutes) is a very long timeout;
À lire aussi