我正在开发一个非常大的节点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文件。
是否有任何可以帮助我改进工作流程的优秀框架或示例项目?谷歌给了我hem,buildr.npm,grunt等内容,但我不太确定这些项目的成熟程度,以及它们是否能真正解决我的问题或增加更多的复杂性。