javascript - require.js introduit des modules et js est chargé à la demande

Question

Il est désormais nécessaire de faire ressortir les ressources d'en-tête telles que CSS et js. Elles sont désormais introduites à l'aide du modèle php comme indiqué ci-dessous

.

html_header.php

index.html

En fait, les ressources en php sont incomplètes, et les ressources requises par chaque page sont également différentes, et certains points communs doivent être extraits.
L'idée actuelle est d'utiliser require.js pour introduire des modules communs via main.js, et les modules privés de chaque page peuvent être importés maintenant
J'ai vérifié l'utilisation de require en ligne et je l'ai trouvé dans main.js
require([. "jq", "react", "vue"],function(a,b,c) {some code...})
Introduisez le module dans le tableau, transmettez les paramètres correspondants dans le rappel et commencez à écrire du code . Mais cela signifie-t-il que tout le code est écrit dans main.js ?
Maintenant, beaucoup de code est écrit directement sur la page. Je veux juste introduire des modules, comme l'introduction d'un JQ puis $(document).ready(function() {})

Selon l'avis du leader, il est préférable de charger à la demande, par exemple en soulevant l'en-tête, tout comme le fichier php ci-dessus, en écrivant d'abord le css.js commun, puis en acceptant les paramètres. Chaque page peut transmettre automatiquement les paramètres. ressources requises. S'il vous plaît, donnez-moi quelques conseils. Je ne sais vraiment pas comment faire

.

Answer 1

Architecture développée sur mesure ? Cette fonction de chargement PHP à la demande est implémentée dans les CMS courants, tels que Drupal et Joomla. Ajoutez simplement tout ce dont vous avez besoin à PHP, puis PHP fusionnera et compressera le JS utilisé sur la page, de sorte que la capacité de téléchargement deviendra plus petite. Par exemple, Drupal7 charge JS via le code suivant :

drupal_add_js('misc/collapse.js');

Lorsque vous utilisez require.js, vous devez vraiment écrire tous les JS qui doivent être chargés dans main.js. Si vous souhaitez charger différents JS sur chaque page, utilisez simplement PHP pour générer le main.js. requireJS est également utilisé sur magento2. Il possède son propre mécanisme pour générer la configuration requirejs, afin que chaque page puisse être chargée à la demande. Cependant, s'il y a vraiment beaucoup de fichiers JS, il est préférable de tous les fusionner et de les compresser, sinon le temps de chargement risque d'être affecté, et un CDN doit être utilisé pour l'alléger.

Answer 2

requireJS prend désormais en charge le chargement à la demande
require(["xxxx"], function(xxx){

var $= require("jquery");
$(document).ready(function() {})

})