Utilisez mini-define pour implémenter une gestion modulaire des compétences code_javascript front-end

mini-définition

Un framework modulaire frontal simple basé sur require. Si vous ne voulez pas passer du temps à apprendre require.js ou lire les longues spécifications cmd/amd, alors cette mini-définition est un bon choix pour vous. Si vous avez déjà utilisé sea.js ou require.js, mini-define est plus efficace, plus léger et plus facile à utiliser. Adresse du projet : github

Utilisation

Définissez d'abord le module

Définir le module

1 : Utilisez la fonction de définition pour définir les modules

1.1 Selon qu'il existe ou non des dépendances, il existe deux situations :

1.1.1 : Module sans dépendances

1.1.2 : Modules dépendants

1.2 Selon que les résultats du traitement doivent ou non être restitués pour un usage externe, il existe deux situations :

1.2.1 a un objet de retour :

1.2.2 Aucun objet retourné

Deux : Appelez le module en utilisant la fonction require()

2.1 Selon le nombre de modules demandés, il peut y avoir deux situations :

2.1.1 Appel d'un seul module

require('modeId')

2.1.2. Appeler plusieurs modules
             require(['modeA','modeB']);
2.2 Selon qu'il y a ou non un traitement de rappel, il peut être divisé en deux situations :

2.2.1 Il existe une fonction de traitement de rappel

2.2.2 Aucun traitement de rappel
              require('modeId');
Référencez ensuite les modules requis dans l'ordre sur la page index.html

La dernière étape consiste à fusionner et compresser les répertoires lib de votre manière préférée pour générer un fichier min.js. Lors de la publication de l'application, l'index.html correspondant doit également être ajusté :

Avantages :

Comparé à seajs.js ou à require.js d'origine, un code qui ne contient qu'une centaine de lignes d'annotations semble gros et maigre pour le décrire comme léger.
Il n'y a aucun contenu avancé, aucune compétence compliquée et un coût d'apprentissage presque nul.