广东建站：14缩减Javascript工具

2019.09.07 广东建站

Javascript缩小是一种技术凝聚你的脚本集成到一个小得多的足迹。但你你失去人类可读性节省大量带宽 ——最后, Javascript是浏览器不是为你的用户。

广东建站大多数生产网站使用Javascript缩小但这是实现千差万别。从简单的在线转换器到更全面的GUI工具命令行接口,我们的选择是相当不同的。在本文中,我们将看一看 Javascript缩小是如何工作的 ,我们可以构建成工作流和缩减的优缺点是什么。

推荐阅读: 对于开发人员有用的Chrome DevTools技巧

最好的学习方式发生了什么当你贬低你的代码是看一看 UglifyJS Github库。这个脚本中使用许多在线转换器以及GUI工具和命令行工具像咕哝。这里有一些的转换适用于让你的代码更短:

作为一个快速的例子,这是一个函数,本质上写一些给定的文本。

函数你好(文本){

文档。写(文本);

}

1	你好(“欢迎来到文章” );

让我们看看会发生什么当我们贬低。注意删除空格和缩进和缩短文本的变量。

1	函数你好(e) {document . write (e)}你好(“欢迎来到这篇文章”)

工具用于缩减Javascript可以大致分为3组:在线工具,GUI工具和命令行工具。

在线工具的伟大之处的速度可以和他们合作。复杂的GUI和命令行工具贬低更快但你需要有一个项目设置才能正常工作。这些工具的缺点是,他们大多提供没有定制命令行工具,至少相比。

我在这里提到的两种类型的GUI应用程序。简单的一步缩小应用程序就像网上同行。他们使用非常快,因为你可以拖放文件,不需要安装。也就是说,他们几乎没有提供定制。

大的GUI工具(Prepros,考拉,Codekit)是伟大的在管理项目和给你更多的选择压缩但他们需要一些设置。快速JS缩小需要大约20秒的设置很多,相比2秒在线或简单的GUI工具的过程。

另一方面,他们在一般为您提供更多的功能,为您提供自动化。 JS文件将会缩小每次拯救他们,不需要手动贬低他们。如果要开发一些Javascript就是这条路要走。

命令行工具不仅仅是为Linux爱好者! 我不擅长终端但设置繁重和吞咽很容易通过他们伟大的文档。命令行工具的好处是选项的数量惊人的灵活性有输出。

另一方面,有一个的学习曲线。使用命令行需要一些(不是很多)的练习,你会发现限制性在你开始享受福利。

如果你是新的web开发,我建议前三个GUI工具之一。一般他们会帮助您管理您的项目,并提供不仅仅是JS缩小。

如果你是一个经验丰富的专业你应该看看繁重或吞咽因为这些提供最控制自动化任务。如果你需要快速贬低一个脚本没有建立一个项目命令行工具,可以节省你大量的时间。

每组的工具有其优点和缺点,事实上你可能会最终使用每个点或另一个。请记住,广东建站当在生产环境中你应该总是贬低你的Javascript和CSS !