我正在寻找布局我们新的Web组件的结构,我目前不确定我找到了一种工具,可以完成我们理想中想要的或非常接近的工作,但似乎现在想要做的事情是相当普遍的事情。管理Web组件的依赖关系; JS,CSS/SASS和模板文件
我们有一个运行Java服务器端的Web应用程序,而客户端我们使用JavaScript和SASS等等。我们希望重新构建我们的一些代码库并将动态页面内容的某些方面组件化。
例如,我们希望有一个标准表组件,可以完全独立于完整的Web应用程序开发。我看到有以下3个核心文件表成分:
- table.js
- table.scss(即编译成一个CSS文件我们的SASS文件)
- table.tmpl(我们的模板文件,它是最终编译成JS的功能,如使用的东西Handlebars作为模板引擎)
再帮发展:
- 表的test.html(A测试页有一些虚拟数据)
- 表qunit.js(Qunit测试)
所有这些文件将然后希望被编译成如下:
- components.js - 将table.js和table.tmpl编译并缩小,然后用其他所有组件将其拖入一些较大的JS文件中
- components.css - table.scss编译和压缩,并与所有其他组件合并CSS 个
工具我已经看了:
- requireJS - 似乎在JS依赖管理将非常有针对性的一些思想资源文件,但无法找到它的使用和CSS预处理器什么像SASS。但是,我确实喜欢AMD JS依赖管理的想法。
- Grunt - 节点包,做一些我们想要的东西
- Sprockets - Ruby实现的类似的东西是什么,我们要
- Javascript Maven plugin - 最近在语言/库方面(我们已经使用Java和Maven),但再次,似乎只考虑JavaScript依赖关系管理而不是CSS,或者至少是SASS资源文件。
有没有人有比以上更好的建议?有什么更接近我们正在寻找的?理想情况下,不需要Node.js或Ruby的东西会更可取...