問題タブ [webjars]

を使用/ロードしようとしてUnderscoreJS 1.7.0いますRequireJS 2.1.14-3。私のアプリケーションの起動時、UnderscoreJS は適切にロードされていますが、「未定義」です。以下の詳細を参照してください。

main.js

それを使用するモジュール：

そしてブラウザコンソールの結果：

underscoreJS ファイルはブラウザーによって読み込まれます。

これは詳細である必要がありますが、Javascript依存関係をmavenと で管理しましたwebjars

では、なぜ私の_ undefinedですか？

現在、webjar ベースの Play 2.3.8 アプリケーションを構成して動作させています。最近、bower webjarsの 1 つを使用しようとしましたが、成功しませんでした。

より正確には私は持っています

• "org.webjars" %% "webjars-play" % "2.3.0-2"そして"org.webjars.bower" % "classnames" % "1.1.4"_plugins.sbt
• GET /webjars/*file controllers.WebJarAssets.at(file)の中にapp/routes
• <script src="@routes.WebJarAssets.at(WebJarAssets.locate("classnames.js"))"></script>一部ではapp/views/{file}.scala.html

私が受け取っているすべてのもので

IllegalArgumentException: classnames.js が見つかりませんでした。対応する WebJar を追加したことを確認し、タイプミスがないか確認してください。

そのページで。

私が探しているのは、Play と React を使用した開発をスムーズに行う方法です。Webjar で ReactJS を使用する場合、開発で JSX トランスフォーマーを使用し、JSX を本番環境で、つまりactivator distコマンドを実行するときにコンパイルできる方法があることを期待していました。このような開発ワークフローを実現する方法はありますか?

これが私のbuild.sbtです

これがサンプルのscalaテンプレートreact.scala.htmlです

Bower Webjars を使用しています。それが役立つかどうか疑問に思います。

この質問のためにGitHub プロジェクトを作成しました。

1. CSS と画像のフィンガープリントが機能しています
2. webjars を介した JQuery のフェッチは機能しています
3. WebJars経由でフェッチされた JS を除いて、すべての.jsファイルを結合して製品モード用に縮小したいと考えています。main.js現在、WebJars jS を含むすべての JS は結合および縮小されていますが、ロードされていません。これには非常に長い時間がかかり、target/web/uglify/build/main.min.jsロードされていない になります。
4. 開発モードでは、すべての .js ファイルを個別にまたは一緒にロードしても問題ありませんが (私は気にしません)、それらを縮小したくありません。

NodeJS や NodeJS ユーティリティを使用したくありません。SBTで十分だと思います。

編集:これをbuild.sbtに追加しようとしましたが、効果がないように見えました:

宣伝されているようにrjs、Play では次のことができます。

WebJar 内から参照されるすべての JavaScript リソースが、jsdelivr CDN から自動的に参照されるようにします。さらに、.min.js ファイルが見つかった場合は、それが .js の代わりに使用されます。ここでの追加ボーナスは、html を変更する必要がないことです!

しかし、私はそれを機能させることができないようです。

1. Play アプリをプロダクション モードで実行しようとしましたが、すべての webjar JavaScript がローカルとして参照されたままです。
2. .min本番環境で使用されている JavaScript ファイルのバージョンがわかりません。

3. 依存性注入を本番モードで機能させることができません。たとえば、jqueryこのようにコードに挿入したい場合

   define(['jquery'], function ($) { 'use strict'; console.log($.grep); return { sum: function (a, b) { return a + b; } }; });

私はこれを開発モードでうまく動作させることができますが、プロダクションモードではrjs失敗したと言います

Webjar によって生成された構成セットアップにもかかわらず、明らかに、jQuery の間違った場所を見ています。

の正しい場所を取得しjqueryます。

私は Play 2.4.0 をpipelineStages := Seq(rjs, digest)使用しており、build.sbt にセットアップされています。

どこを間違えたのか教えてください。

ありがとう！

Bootstrap をロードするために、こちらのドキュメントに従って Play webjars ヘルパーを使用しようとしています: http://www.webjars.org/documentation

ただし、ページをリクエストすると、次の例外が発生します。

build.sbt

ルート

html

この同じ html ファイルも webjars ラッパーを使用して、require.min.js を見つけますが、これは問題なく動作します。

代わりに Plays のリバース ルーティングを使用して Bootstrap をロードすると、次のように動作します。

webjars ヘルパーが Bootstrap を読み込めないのに、require.min.js を読み込める理由はありますか?

今のところ最も簡単な解決策は、リソースをロードするときに webjars ラッパーを完全に破棄することです。