新しいWebコンポーネントの構造をレイアウトしようとしていますが、現在、理想的に必要なすべてのことを実行できるツール、または非常に近いツールを見つけたかどうかはわかりませんが、かなり近いと思われます。最近やりたいことはよくあることです。
Javaサーバー側を実行しているWebアプリケーションがありますが、クライアント側ではJavaScriptやSASSなどを多用しています。コードベースの一部を再構築し、動的ページコンテンツの特定の側面をコンポーネント化することを目指しています。
たとえば、完全なWebアプリとは完全に独立して開発できる標準のテーブルコンポーネントが必要です。次の3つのコアファイルを持つテーブルコンポーネントが表示されます。
- table.js
- table.scss（CSSファイルにコンパイルされるSASSファイル）
- table.tmpl（最終的にJS関数にコンパイルされるテンプレートファイル。たとえば、テンプレートエンジンとしてハンドルバーを使用します）
そして、開発を支援するために：
- table-test.html（ダミーデータを含むテストページ）
- table-qunit.js（Qunitテスト）
これらのファイルはすべて、うまくいけば次のようにコンパイルされます。
- components.js-table.jsとtable.tmplをコンパイルして縮小し、他のすべてのコンポーネントとともにいくつかの大きなJSファイルにプルしました
- components.css-コンパイルおよび圧縮され、他のすべてのコンポーネントCSSとマージされたtable.scss
私が見たツール：
- requireJS-リソースファイルについていくらか考えてJS依存関係管理を非常にターゲットにしているようですが、その使用法とSASSのようなCSSプリプロセッサについては何も見つかりません。ただし、 AMDJSの依存関係管理のアイデアはとても気に入っています。
- Grunt-私たちが望むことのいくつかを実行するノードパッケージ
- スプロケット-私たちが望むものに似たもののRuby実装
- Javascript Mavenプラグイン-言語/ライブラリ（すでにJavaとMavenを使用しています）の点で最も近いですが、ここでも、JavaScriptの依存関係管理のみを考慮し、CSS、または少なくともSASSリソースファイルは考慮していないようです。
上記のものよりも良い提案はありますか？私たちが探しているものに少し近づくものはありますか？理想的には、Node.jsやRubyを必要としないものが望ましいでしょう...