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

时间:2012-12-05 19:39:07

标签: javascript node.js coffeescript less npm

我正在开发一个非常大的节点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文件。

是否有任何可以帮助我改进工作流程的优秀框架或示例项目?谷歌给了我hembuildr.npmgrunt等内容,但我不太确定这些项目的成熟程度,以及它们是否能真正解决我的问题或增加更多的复杂性。

2 个答案:

答案 0 :(得分:5)

您还可以查看brunch,并获得许多插件支持

根据网站支持以下内容,如果您需要,还可以添加新插件...

  • 编程语言:JavaScript,CoffeeScript,IcedCoffeeScript,LiveScript,Roy
  • 预编译模板:Handlebars.js,Jade,Moustache,Eco
  • 样式:CSS,Stylus,LESS,Sass
  • Linters:JSHint,CoffeeLint
  • Minifiers:uglify.js,clean-css

  • 答案 1 :(得分:2)

    我会看看grunt。我们使用它来处理项目的部署和测试。