concatenation - concat 和 uglify 和 minify 有什么区别？

Question

grunt 中的 concat、uglify 和 minify 任务有什么区别？我为我网站的所有 javascript 任务设置了一个 uglify 任务，它似乎既缩小又连接它们。Grunt 的站点对如何配置每个任务有很好的描述，但似乎并没有解释每个任务的实际作用。

Answer 1

• 串联只是将所有静态文件附加到一个大文件中。

• 缩小只是删除不必要的空格和多余的/可选的标记，如花括号和分号，并且可以通过使用 linter 来反转。

• Uglification是将代码转换为“不可读”形式的行为，即重命名变量/函数以隐藏原始意图......它也是不可逆转的。

Answer 2

串联- 合并所有指定的文件以创建一个新的单个文件。

缩小- 它只是意味着将删除所有不必要的空格和多余的可选标记。

示例 -self.description = 'Hello'
缩小版将是 - self.description='Hello'

Uglification - 它只是意味着将代码转换为核心逻辑不容易理解的格式。为了做同样的事情，它重命名变量及其引用，它用更短的名称重命名参数等。它只是混淆了业务逻辑，所以没有人可以轻易理解它。

例子 -

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

丑化版将是——

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