4

Javascript/Web アプリの開発で、次のようなビルド テクニックを利用したいと思っています。

  • 連結
  • 縮小化
  • data:uri の画像置換
  • ビルド vs ソース *
  • アプリ キャッシュ マニフェストの生成 *

私がまだ答えを見つけていないのは最後の2つです。

ビルドとソース

これは、変更をプレビューするたびにビルドする必要がないように、変更されていない HTML と Javascript の「ソース」バージョンを用意することを意味します。私のJSファイルはすべて、ビルドと最終的な連結バージョンでこれらのスクリプトセクションを更新することで、いつものように別々の <script> タグです。正直なところ、これらすべての新しい Javascript ビルド システムで何かが欠けているように感じます。これは明らかな必要性に思えますが、それについて話している人が他に見つからないからです。他の人はこれにどのように対処していますか?..開発中の各変更に基づいて構築しますか?? 確かにそうではありません。

アプリ キャッシュ マニフェストの生成

ソース ツリーを調べてマニフェストを作成し、それを <html> タグに挿入します。

この 2 つを検索しましたが、運がありませんでした。何かヒントはありますか? この 2 つがなかったら、私は素晴らしいビルド システムを持って旅をしていたでしょう。

ありがとう！！！

4

1 に答える 1

1

Re: ビルド vs ソース

うなり声にはすでに慣れているようですね。grunt node-build-script pluginを調べることを検討してください。

多数の新しいタスクが追加されます。特にgrunt mkdirs、grunt copyプロジェクト ディレクトリが別のステージング フォルダーに複製され、最適化されたプロジェクトが公開フォルダーにコピーされます。私が間違っていなければ、ソース ファイルの「手を加えていない」バージョンを保持するとは、このことを意味しているのでしょうか?

実行grunt serverすると、localhost のパブリッシュ ファイルのコンテンツが提供されます。最適化されていない状態でアプリケーションを調べたい場合は、いつでも Web サーバーを最初のプロジェクト ディレクトリに向けることができます。

node-build-script画像の最適化、ファイルの自動更新、置換など、他にも非常に便利なタスクが多数追加されています。信じられないほど使いやすく、非常にカスタマイズ可能です。

私は基本的な単一ページのテンプレートを使用していますnode-build-scriptが、これも興味深いかもしれません。

Re: アプリ キャッシュ マニフェストの生成

これは以前は の一部だったと思いますnode-build-scriptが、その後削除されました。1、2を参照してください

ただし、 concept.jsのようなものを使用するカスタムの単調なタスクを作成することを妨げるものは何もありません。

最後に、Google の今後のYeomanは、まだ見ていない場合は注目する価値があるようです!

于 2012-08-24T15:49:34.030 に答える