問題タブ [requirejs-optimizer]

requireJS/Backbone プロジェクトを「最適化」しようとしています。ノード環境で r.js を実行することに成功しました。問題は、r.js コンパイラからの出力が「予期しない識別子」をスローすることです。

index.htmlには次のものがあります

次のようなr.js構成

}))

RequireJS を使用して最適化した後r.js、テキスト プラグイン (テンプレートなど) を介して読み込まれたファイルは、オンデマンドでダウンロードされるか、単一の最適化されたビルド ファイルに含まれますか?

プロジェクトを 1 つのファイルにビルドしたいと考えています。私は3つのファイルを持っています。

test2.js:

test3.js:

そしてメインファイルtest1.js:

ビルド構成:

結果：

したがって、そこに test3.js コードが表示されません。r.js は必要な依存関係でのみ機能しますか? 依存関係を定義してビルドすることはできますか?

これは、問題を示すサンプルアプリケーションです（ノードベースのr.jsに関するものなので、申し訳ありません）

相対パスで requirejs オプティマイザーを正しく動作させることができません。

私のWebアプリには次のディレクトリがあります

• アプリ
  • index.html - requirejs、main.js、その後require(['plugins'])(標準のマルチページ設定)を含む
  • スクリプト
    • main.js - requirejs をブートストラップし、baseUrl を /scripts に設定します
    • plugins.js - app-plugins からモジュールを参照および公開します。経由の参照../app-plugins/a.js
  • アプリプラグイン
    • a.js

最適化されていないバージョンではすべて正常に動作します (アプリで Web サーバーを実行し、コンソールを開き、インデックス ページに移動します)。

ただし、最適化すると../、plugins.js が原因でエラーが発生します。この cd を最適化ディレクトリに移動して実行すると、node .\node_modules\requirejs\bin\r.js -o .\build.json. エラーは

私のアプリケーションでは、デプロイごとに異なるバージョン名を使用する環境構成を使用して、アプリケーションが適切にキャッシュ無効化され、ユーザーのブラウザー キャッシュに古いバージョンのコードが含まれないようにしたいと考えています。このガイドに従っていることに注意してください。

したがって、main.js では、何かを行う前に、現在の日付/時刻を使用して環境構成ファイルのキャッシュを破壊する一般的な構成で require.config を呼び出し、環境構成が読み込まれた後、環境を使用します。 urlArgs の一部として「config.version」を使用して、新しくデプロイされたコードが含まれ、古いバージョンではないことを保証します。構成ファイルのオブジェクトには、アプリケーション全体で使用される他のプロパティ (Google アナリティクス アカウント番号など) があることに注意してください。

環境/構成の依存関係をセットアップできるようにする最初のrequire.configを削除すると、r.jsビルドファイルは問題ないように見えますが、再度追加すると、3番目のグループ化に使用しているインフラストラクチャJSモジュールが削除されます-party スクリプトは、アンダースコア ライブラリ (または、そこに含めるライブラリ) が見つからないと言って窒息します。environment/config を含めずに 2 つの require.config 呼び出しを行ったとしても、同じエラーが発生することに注意してください。2 つの require.config 呼び出しでこのエラーが発生する理由はありますか? 助けてくれてありがとう。

私のメインJSファイル

そして、ここにビルドファイルがあります...

ここinfrastructure.js

config ファイル (Google アナリティクスのアカウント番号やその他の環境固有の情報など、より多くのキーが含まれます。)

私が実行しているコマンド：「r.js -o build.js」

r.js オプティマイザの使用方法に関する重要な要素がいくつか欠けています。これはおそらく多くの人にとって些細な答えですが、私の人生では問題を理解することはできません. grunt タスクを使用して最適化されたファイルを構築する環境をセットアップしました。最適化されたファイルがビルドされ、依存関係が正しく解決されているように見えますが、メインファイルのコードが実行されません。

Gruntfile、mainfile、およびいくつかの依存関係 (jquery、almond) のみがほとんど存在する場合に役立つ最小限の環境を作成しました。

私のプロジェクト構造は次のとおりです。

グラントファイル:

index.html:

main.js

ビルド タスクが完了すると、dist ディレクトリには index.html と main.js ファイルが含まれます。dist/main.js ファイルは次のようになります。

非圧縮ファイルに対して静的ファイルサーバーを使用すると、期待どおりに機能します。ビルド ファイルを使用すると、最適化されたファイルが読み込まれても何もログに記録されず、html に何も追加されません。

答えは、最適化された main.js のコードを RequireJS が無視するのはなぜですか? に似ていると思います。、（モジュール名の不一致？）しかし、私はこれを十分に理解していなかったため、自分の問題を解決できませんでした。

助けていただければ幸いです。

何が原因なのかはわかりませんがjquery-ui、最適化後はうまくいかないようです。

最適化を行わないと、プロジェクトは正常に実行されます。$が含まれています$.ui。(これを開発と呼びましょう)

最適化後、依存する関数が存在しないjquery-uiため失敗します。$.ui

私は何時間も shim と require をいじっていましたが、結果は常に同じです (さらに悪いことに、$最適化されていないバージョンでも動作しますが、動作しません.

どのロジックが欠けていますか?

複数の requirejs プロジェクトを最適化するにはどうすればよいですか? たとえば、以下の構造があり、異なる場所/フォルダーに2 つあり、 main.js

私のbuild/build.js

次のような依存関係の圧縮または検索に失敗し続けます。

エラー: ENOENT、そのようなファイルまたはディレクトリはありません 'c:\wamp\websitename\dist\local\js\jquery.js

私query.jsの場所はcore/js/libs/- で探しているのlocal\jsですか?

私は何を逃したのですか？

Is there any way to configure RequireJS to compile an entire directory to a single file? I don't mean the normal use case of the 'out' setting. I'll try to explain by example. If I have the following project structure:

Then let's say I want to compile the 'app' directory to a single file. I don't care about it's dependencies - even if it requires 'module' or either of its files, they won't be included. Even if main.js doesn't require menu.js, it'll be included anyway. The resultant output file would define 'app/main' and 'app/menu' modules.

Likewise, if I wanted to compile the 'module' directory, the file would define 'module/file-a' and 'module/file-b' regardless of what other dependencies were defined.

I hope this is clear enough.