2016-04-15 18 views
0

(関連質問:?rv.jsr.jsの違いは何でしょう)RactiveJSベースのライブラリを1つのJSファイルに構築するにはどうすればよいですか?

私はRactiveJSベースのコンポーネント、自分のモジュール内の各シリーズを持っています。私は、Ractiveサイトで述べたrv.jsローダー(上記リンク先)を使用します。私はそれが大好きですが、私がしたいのは、非AMD/RequireJSアプリケーションでも動作する1つのJSファイルを構築するためにそれを使用することです。私はアーモンドを見てきましたが、r.js(rv.jsではなく)を使いたいと思っています。違いが何であるか、何を変える必要があるのか​​分かりません。

ボーナスポイント:これをGulpで実行する方法はありますか?私はコマンドラインを使用する必要があるときに心を落ち着かせる人々の一人です。ゆっくり話して、私の無知を許してください:)

答えて

0

少し遅れて答える、それについてはお詫び申し上げます。

  • rv.js彼らは
  • r.js javascriptのモジュールであるかのようにRACTIVEコンポーネントをロードRequireJSプラグインです一緒にすべてのファイルと縮小化(正確にあなたのユースケース)
  • をバンドルするために使用され、RequireJSオプティマイザです

RequireJSのサイズはかなり大きく、ビルド中にアプリケーションjsにバンドルされたくない場合があります。

almond.jsと入力します。 RequireJSのモジュール解決を模倣しますが、実際のネットワーク経由でのファイルのロードを処理するコードはありません。その結果、ファイルサイズが小さくなります。

だから、あなたのワークフローは次のようになります。あなたがすでにあるよう

  • あなたはRACTIVEコンポーネント
  • それは、あなたが使用して構築するための時間です
  • をロードするために、開発中
  • 使用rv.jsをRequireJSを使いますr.js almond.jsを
  • を構築し、確保するためには、私はそこにうなり声を使用し、そして、今、最終JS建てファイル

でRequireJSを置き換えますそのためのプラグインです:grunt-contrib-requirejs一気のために

、私はそれはあなたがそのページのドキュメントを見れば、ビルドプロセス中にアーモンドとrequirejsを置き換えるためのオプションがありgulp-requirejs-optimize
を示唆しています。

希望に役立ちます。

+0

ありがとう、エコール。私はそれを理解しましたが、なぜそれが働いているのかわかりませんでした。その要約が役立ちます。 – Matt

関連する問題