Méthode de configuration des remplacements de tonnelle

bower est un outil de gestion de packages couramment utilisé. Il est très similaire à npm, mais il existe quelques différences entre les deux. Vous pouvez vous référer à - Quelle est la différence entre Bower et npm. Je ne parlerai pas de Bower lui-même ici, mais je veux parler de la configuration des remplacements de Bower.

Qu'est-ce que le remplacement ?

Le remplacement lui-même signifie le remplacement. En fait, sa fonction est également de remplacer la configuration originale des packages dépendants. Si vous introduisez manuellement les fichiers du package de dépendances Bower, cette configuration est inutile, mais lorsque vous utilisez des outils d'injection automatique tels que wiredep, les remplacements sont très utiles.

Par exemple, nous utilisons bower pour installer le package ace-builds :

bower install ace-builds --save

puis utilisons wiredep pour injecter automatiquement les dépendances bower :

$ node
> require('wiredep')({ src: 'index.html' });

(voir documentation wiredep pour les commandes spécifiques)

Vous constaterez qu'aucun des fichiers liés aux builds ace n'est injecté dans index.html Pourquoi est-ce ?

Ouvrez le fichier bower.json du package de dépendances d'ace-builds :

Vous constaterez qu'il n'y a aucune option main configurée dedans , et l'injection automatique de wiredep détermine en fait les fichiers à injecter en fonction de l'option main de chaque package de dépendances. Sans main, wiredep ne peut pas être injecté automatiquement.

C'est là que l'option de remplacement est utile. Nous pouvons la définir comme ceci :

"overrides": {
    "ace-builds": {
      "main": [        "src-min-noconflict/ace.js",        "src-min-noconflict/mode-yaml.js",        "src-min-noconflict/mode-javascript.js",        "src-min-noconflict/theme-github.js",        "src-min-noconflict/ext-language_tools.js"
      ]    }  }

Indiquez les fichiers que nous devons injecter automatiquement.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!