concat和uglify之间的区别是什么？

Question

在grunt中concat,uglify和minify任务之间有什么区别？我为我所有网站的javascript任务设置了一个uglify任务,它似乎都缩小并连接它们.Grunt的网站对如何配置每个任务有很好的描述,但似乎并没有解释每个任务实际上做了什么.

Answer 1

• 连接只是将所有静态文件附加到一个大文件中.

• 缩小只是删除不必要的空格和冗余/可选标记,如卷曲和分号,并且可以通过使用linter来反转.

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

Answer 2

连接 - 合并所有指定的文件以创建新的单个文件.

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

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

丑化 - 它只是意味着以一种核心逻辑无法轻易理解的格式转换代码.为了做同样的事情,它重命名变量及其引用,它用较短的名称重命名参数等.它简单地模糊了业务逻辑,以便没有人能够轻易地理解它.

示例 -

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

Uglified版本将 -

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