concatenation - uglify - gulp concat and minify js

¿Cuál es la diferencia entre concat y uglify y minify?

Question

¿Cuál es la diferencia entre concat, uglify y minify en grunt? Configuré una tarea de uglify para todas las tareas de javascript de mi sitio, y me pareció que las minimizaba y concatenaba. El sitio de Grunt tiene una excelente descripción de cómo configurar cada tarea, pero no parece explicar qué hace realmente cada tarea.

Answer 1

Concatenación : fusiona todos los archivos especificados para crear un nuevo archivo único.

Minificación : simplemente significa que se eliminarán todos los espacios en blanco innecesarios y los tokens opcionales redundantes.

Ejemplo: self.description = ''Hello'' La versión reducida será - self.description = ''Hello''

Uglificación : simplemente significa convertir el código en un formato tal que la lógica central no se pueda entender fácilmente. Para hacer lo mismo, renombra la variable y sus referencias, renombra el parámetro con un nombre más corto, etc. Simplemente confunde la lógica de negocios para que nadie pueda entenderla fácilmente.

Ejemplo -

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

La versión englobada será -

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

Answer 2

• La concatenación es simplemente agregar todos los archivos estáticos en un archivo grande .

• La minimización es solo eliminar espacios en blanco innecesarios y tokens redundantes / opcionales como rizos y puntos y coma, y ​​se puede revertir usando un indicador.

• Uglificación es el acto de transformar el código en una forma "ilegible", es decir, cambiar el nombre de las variables / funciones para ocultar la intención original ... También es irreversible.