2

私はかなり大きなノード 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

しかし、これは少し面倒で、私は make/ant の専門家ではありません。また、異なる css/js ファイルが含まれているため、開発用と本番用に別々の html ファイルを維持していることも問題の原因です。

ワークフローの改善に役立つ優れたフレームワークやサンプル プロジェクトはありますか? Google はhembuildr.npmgruntなどを提供してくれましたが、これらのプロジェクトがどれほど成熟しているか、また、それらが本当に私の問題を解決するのか、それとも複雑さを増すのかについてはよくわかりません。

4

2 に答える 2

5

多くのプラグインをサポートしているブランチを見ることもできます

ウェブサイトによると、以下をサポートしています。必要に応じて新しいプラグインを追加することもできます...

  • プログラミング言語: JavaScript、CoffeeScript、IcedCoffeeScript、LiveScript、Roy
  • コンパイル済みテンプレート: Handlebars.js、Jade、Mustache、Eco
  • スタイル: CSS、スタイラス、LESS、Sass
  • リンター: JSHint、CoffeeLint
  • ミニファイヤ: uglify.js、clean-css

  • 于 2012-12-06T14:55:45.760 に答える
    2

    gruntを見てみましょう。これを使用して、プロジェクトの展開とテストを処理します。

    于 2012-12-05T19:42:55.417 に答える