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

Jer*_*oen 2 javascript less node.js coffeescript npm

我正在研究一个非常大的节点Web应用程序,并意识到我的工作流程不是最理想的.服务器端代码很好地组织成节点模块.但是,应用程序中的大部分繁重工作都发生在客户端代码上.

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

  • 开发模式:在节点中即时编译jade,less和coffeescript,无需重建.将编译后的代码作为单独的文件包含在html中.在服务器端代码中设置一些调试参数.

  • 生产模式:构建脚本(make/ant),编译压缩并将代码组合成静态html/css/js.

目前,我正在手动执行一些用于开发的节点服务器代码,以及用于生产的make文件,例如:

cat javascript/*.js > build/client.js
Run Code Online (Sandbox Code Playgroud)

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

是否有任何好的框架或示例项目可以帮助我改进我的工作流程?谷歌给了我像hem,buildr.npm,grunt这样的东西,但我不太确定这些项目有多成熟,如果他们真的解决了我的问题或者增加了更多的复杂性.

Mud*_*Ali 5

你也可以看看早午餐,有很多插件支持

根据它支持以下网站,如果你需要,你也可以添加一个新的插件...

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