我应该如何开始一个新的JavaScript项目(测试,开发,构建)?

时间:2010-12-07 14:54:56

标签: javascript build-process project

我多年来一直在开发JavaScript,但从未真正考虑过整个测试,开发和构建东西 - 但我意识到这几乎是必要的。我们刚刚使用了一个带有简单版本标记的Subversion存储库(很快就会切换到git)。随着一个新的更大的纯JavaScript项目(使用jQuery)很快到来,我想优化整个过程。

我已经做过一些研究,但从未找到一个好的入门教程。

将类和单独的代码块分成几个js文件而不是一个大文件(如Prototype或jQuery那样)绝对是一个好主意。这些js文件必须“构建”到一个文件中。我如何实现这一目标?

对我和我的同事正在编码的东西进行单元测试是非常必要的。我发现js-test-driver有一个eclipse插件,似乎做得很好。如果我的developer-folder包含所有这些src-和src-test-files,如何在构建过程中将其集成?

4 个答案:

答案 0 :(得分:2)

答案 1 :(得分:2)

要将所有JavaScript合并到一个文件中,您可以使用YUI Compressor之类的内容。您需要首先寻找最小化器,然后再压缩。最小化器只需获取文件并将它们合并在一起并消除空白。压缩器实际上会尝试通过更改变量名称和删除不必要的代码来为您优化js。

至于单元测试,我不确定你将如何做到这一点。那里有一些单元测试库。一种流行的测试工具是Selenium。我目前没有进行单元测试,所以我不在那里。

要设置代码,您总是可以使用像ExtJS或JavaScriptMVC这样的JavaScript框架。这些可以帮助您以正确的方式设置代码,还有助于您的团队专注于正确的标准和编码结构,同时还为您编写了大量代码,因此您无需重新发明轮子。

编辑:想一想。即使您不想使用JavaScript框架,我也建议您查看它们,特别是ExtJS,只是为了了解它们如何组织代码以及它们为保持代码清洁而采取的一些技巧。

答案 2 :(得分:1)

我会回答你问题的一部分:

  

这些js文件必须是" build"进入   单个文件。

这只能通过服务器端语言实现 - 在ASP.NET中,您已经内置了工具,否则就构建自己的"合并"服务器端文件并引用该文件而不是实际的.js文件。

答案 3 :(得分:1)

  

这些js文件必须“构建”到一个文件中。我如何实现这一目标?

绝对保持文件在版本控制中是独立的,只在构建过程中合并它们。

YUI compressor mentioned elsewhere是一个基于java的工具,它不仅会合并,而且 - 当然! - 压缩文件以便更快下载。

如果您只想简单合并文件,可以使用简单的Perl或bash脚本(或其他首选脚本语言)将多个.js文件连接成一个用于发布 - 只需确保构建脚本也是如此更新发行版中的所有HTML以仅引用单个页面。