web-dev-qa-db-fra.com

Quelle est la différence entre concat et uglify et minify?

Quelle est la différence entre les tâches concat, uglify et minify dans grunt? J'ai mis en place une tâche uglify pour toutes les tâches javascript de mon site, et il semblait à la fois les réduire et les concaténer. Le site de Grunt a une excellente description de la façon de configurer chaque tâche, mais il ne semble pas expliquer ce que fait réellement chaque tâche.

52
mheavers
  • Concaténation ajoute simplement tous les fichiers statiques dans un grand fichier .

  • Minification consiste simplement à supprimer les espaces blancs inutiles et les jetons redondants/facultatifs comme les curlys et les points-virgules, et peut être inversé à l'aide d'un linter.

  • glification est l'acte de transformer le code en une forme "illisible", c'est-à-dire renommer des variables/fonctions pour masquer le intention originelle ... Elle est, elle aussi, irréversible.

97
diclophis

Concaténation - Fusionne tous les fichiers spécifiés pour créer un nouveau fichier unique.

Minification - Cela signifie simplement que tous les espaces blancs inutiles et les jetons optionnels redondants seront supprimés.

Exemple - self.description = 'Hello' La version réduite sera - self.description = 'Hello'

glification - Cela signifie simplement convertir le code dans un format tel que la logique principale ne peut pas être facilement comprise. Pour faire de même, il renomme la variable et ses références, il renomme le paramètre avec un nom plus court, etc. Il obscurcit simplement la logique métier afin que personne ne puisse la comprendre facilement.

Exemple -

self.description = 'Hello';
function(self.description){}

La version uglifiée sera -

  j.description = 'Hello';
  function(j.description){}
11
Gaurav Tiwari