我正在寻找布局我们新 Web 组件的结构，目前我不确定我是否找到了一个工具可以完成我们理想中的所有工作，或者非常接近，但它似乎是一个相当不错的工具现在想做的事情很普遍。
我们有一个运行 Java 服务器端的 Web 应用程序，而客户端我们大量使用 JavaScript 和SASS等。我们正在寻求重新构建我们的一些代码库，并对我们动态页面内容的某些方面进行组件化。
例如，我们想要一个标准的表格组件，可以完全独立于完整的 Web 应用程序进行开发。我看到 table 组件具有以下 3 个核心文件：
- 表.js
- table.scss（我们编译成 CSS 文件的 SASS 文件）
- table.tmpl（我们的模板文件最终编译成 JS 函数，例如使用Handlebars作为模板引擎）
然后帮助开发：
- table-test.html（带有一些虚拟数据的测试页面）
- table-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 插件- 在语言/库方面最接近（我们已经使用 Java 和Maven），但同样，似乎只考虑 JavaScript 依赖管理而不考虑 CSS，或者至少是 SASS 资源文件。
有没有人有比上面那些更好的建议？任何与我们正在寻找的东西更接近的东西？理想情况下，不需要 Node.js 或 Ruby 的东西会更好......