客户端web应用程序的开发/构建工具

Question

我正在开发一个相当大的节点web应用程序，并意识到我的工作流程不是最优的。服务器端代码被很好地组织成节点模块。然而，应用程序中的大部分工作都发生在客户端代码上。

该项目由jade、less和javascript/coffeescript代码组成。此外，还有一堆来自库(jQuery、D3、Bootstrap等)的css/js。我要寻找的是一个很好的工具链，它可以帮助我组织我的项目，并在开发和生产之间切换：

• 开发模式:在节点上动态编译jade、less和coffeescript，无需进行重构。将编译后的代码作为单独的文件包含到html中。在服务器端代码中设置一些调试参数。
• 生产模式:编译、压缩并将代码组合成静态html/css/js的构建脚本(make/ant)。

目前，我正在手工处理一些用于开发的节点服务器代码和一个用于生产的make文件，例如：

cat javascript/*.js > build/client.js

然而，这有点烦人，我根本不是一个制造/蚂蚁专家。还有一个问题是，我为开发和生产维护单独的html文件，因为它们包含不同的css/js文件。

有什么好的框架或示例项目可以帮助我改进我的工作流程吗？谷歌给了我一些东西，比如下摆，buildr.npm，咕噜，但我不太确定这些项目有多成熟，它们是否真的解决了我的问题或者增加了更多的复杂性。

Answer 1

我想看看咕噜。我们使用它来处理项目的部署和测试。

Answer 2

您还可以通过许多插件支持查看早午餐。

根据其支持以下网站，您还可以添加一个新的插件，如果您需要.

• 编程语言: JavaScript，CoffeeScript，IcedCoffeeScript，LiveScript，Roy
• 预编译模板: Handlebars.js，Jade，胡子，生态
• 风格: CSS，Stylus，LESS，Sass
• 林特斯: JSHint，CoffeeLint
• 缩略符: uglify.js，清洁css