Reconstruction du code de magasin

Vous pouvez reconstruire votre code de magasin, comme les fichiers JavaScript et CSS, à l'aide des plugins Grunt.

Pourquoi et quand exécuter cette tâche

Pour optimiser les performances du magasin, tous les fichiers JavaScript et CSS sont réduits au minimum dans les répertoires de magasins et de widgets. Par conséquent, vous devez effectuer cette tâche chaque fois que vous mettez à jour votre code de magasin, afin que le magasin puisse appliquer vos modifications

Procédure

Configurer votre environnement pour regénérer le code du magasin.
1. Accédez au répertoire suivant dans votre environnement de développement.
  
  WCDE_installdir\sample\stores\BuildScript\
  
  Remarque : Ce package n'est disponible que dans HCL Commerce Developer version 9.0.0.5+.
2. Extrayez les contenus du package recompileTool.zip dans le répertoire WCDE_installdir/workspace/crs-web/WebContent.
3. Téléchargez et installez les outils node.js et npm :
  1. Téléchargez et installez node.js and npm à partir de nodejs.org.
  2. Assurez-vous que les variables d'environnement de chemin d'accès sont ajoutées après l'installation, afin que toutes les commandes fonctionnent correctement à partir de n'importe quel répertoire de la ligne de commande.
4. Exécutez les commandes suivantes dans l'ordre :
```
root_dir>
npm install -g bower
WCDE_installdir\workspace\crs-web\WebContent\recompileTool\vendorWidgets>
bower install
WCDE_installdir\workspace\crs-web\WebContent\recompileTool\vendorWidgets>
npm install
WCDE_installdir\workspace\crs-web\WebContent\recompileTool\allInOne>
npm install
```
  Assurez-vous que chaque commande s'exécute correctement. Ensuite, votre environnement est configuré pour regénérer le magasin.
  Remarque : Bower pourrait renvoyer un message déprécié. Cette erreur est sans conséquence et peut être ignorée.
Regénérez le code de votre magasin.
1. Exécutez les commandes suivantes dans l'ordre :
  Pour les environnements de développement, utilisez la commande grunt dev, qui fusionne uniquement le code pour faciliter le débogage :
```
WCDE_installdir\workspace\crs-web\WebContent\recompileTool\vendorWidgets>
grunt dev -storename=your_store_name
WCDE_installdir\workspace\crs-web\WebContent\recompileTool\allInOne>
grunt dev -storename=your_store_name
```
  Pour les environnements de production, utilisez la commande grunt prod, qui défigure et fusionne le code pour augmenter l'efficacité de la charge :
```
WCDE_installdir\workspace\crs-web\WebContent\recompileTool\vendorWidgets>
grunt prod -storename=your_store_name
WCDE_installdir\workspace\crs-web\WebContent\recompileTool\allInOne>
grunt prod -storename=your_store_name
```
  Où your_store_name est le nom de votre magasin. Par exemple, AuroraB2BStorefrontAssetStore.
  
  Assurez-vous que chaque commande s'exécute correctement. Ensuite, votre code de magasin est recompilé.
Remarque : Veillez à supprimer le dossier recompileTool du contenu Web une fois la compilation du fichier store.js terminée. Cela empêche le script de génération d'être déployé dans l'environnement d'exécution.