問題タブ [webjars]

WebJAR は、スクリプトをコードベースにローカルに保存する必要をなくし、Maven を介してお気に入りのフレームワークを自動的に統合する方法です。Adobe CQ プラットフォームを使用しており、最近、WebJAR をコードに統合する方法を検討しています。

以前にこれを実行しましたが、CQ では実行していません (以前は JBoss サーバーと一緒に使用していましたが、期待どおりに正常に動作していました)。使用する WebJAR の設定は非常に簡単です。つまり、pom.xml に以下を追加するだけです。

そして、/webjars/bootstrap/3.3.6/css/bootstrap.css のように既にアクセスできます。

私の問題は、CQサーバーですでに試しているときに、上記のリソースが見つからないことです。ブラウザ コンソールは、リソースが見つからないことを示します (エラー 404)。見込み客のために、CQ で WebJAR を使用した経験のある人はいますか?

wicket-bootstrap-coreと(どちらもバージョン 0.10.5)を使用wicket-bootstrap-lessして、Bootstrap を Wicket 7 プロジェクトに統合することに成功しました。セットアップはメソッドで実行されます

テーマ クラスMyThemeは LESS ファイルを参照しますtheme.less。このファイル (正常にコンパイルされます) では、ディレクティブを使用して Bootstrap と Glyphicons がインポートされます。

唯一の問題は、マークアップで Glyphicon のいずれかを使用すると、フォント ファイルの要求がパスにダウンロードされることですhttp://localhost:8080/myproject/wicket/resource/fonts/glyphicons-halflings-regular.woff2(他の拡張子と同じ)。という名前のクラスを使用してリソースがマウントされていないためfonts、この結果は次のようになります。

したがって、問題は次のとおりです。これらのリソースを正しくマウントするにはどうすればよいですか? このことから、マウントは自動的に行われるべきであるという印象を受けます。また、これは非常に簡単であるべきであるという印象も受けます。

sbt-sassify を使用する play 2.4 サブプロジェクトがあります。それは正常に動作しますが、scss ファイルがそれを利用できるように、bower の依存関係をプロジェクトに取り込みたいと考えています。これについては sbt-sassify の指示に従い、build.sbt に次の依存関係を追加しました。

ただし、プロジェクトを実行すると、bootstrap-sass の scss がターゲット フォルダーにないため、scss にインポートできます。次のような従来の webjar への依存関係を使用する場合

target/public/main/lib でブートストラップ コードを確認できます。

sbt-dist コマンドを実行すると、bower jar がユニバーサル tar ボールに表示されます。

他に設定する必要があるものはありますか?

次のように、build.sbt にhttp://www.webjars.org/npmからロードされた React 依存関係を持つ Scala/Play プロジェクトがあります。

React は次のように JavaScript 用にロードされます。

WebJarsからロードされる実際の react-with-addons.js ファイルを次に示します。React の場合は、パス文字列を使用してロードするだけで十分であり、うまく機能します。ただし、sweetalert-react の読み込みでは、同じ方法でいくつかのエラーが発生します。読み込まれる実際の SweetAlert.js ファイルは次のとおりです。ファイルは次のようにロードされます。

.jsx ファイルで使用しようとすると、次のエラーが発生します。

SweetAlert.js が正しく動作するようにするには、requirejs.config をどのように構成すればよいですか? RequireJS の shim -APIを使用して何らかの方法で構成する必要があると思いますが、以前は RequireJS をあまり使用していませんでしたが、まだエラーが発生しているため、適切に構成できませんでした。Sweetalert-react には、sweetalert から React への依存関係がいくつかありますが、エラーは 3 行目から発生しています。

回答ありがとうございます:)

シンプルなプレイ フレームワーク アプリケーションがあります。追加したいくつかのブートストラップ ライブラリを処理するために、webjars 依存関係を追加しました。リソース フォーム画面の 1 つにアクセスしようとすると、次のエラーが表示され続けます。

これが私のsbtファイルです。

ここに私のルートファイルがあります

そして、これが私の main.scala.html ファイルで、boostrap css ファイルを参照しています。

この問題は非常に一般的な問題のようです。しかし、私は長い間問題を見つけることができませんでした。以下のように、アプリケーション、コントローラー、サービス モジュールを個別の js ファイルに配布しました。

app.js

および document_controllers.js

そして最後に document_services.js

私のindex.htmlファイルでは、

私のプロジェクトでは、wro4j-maven-pluginJavaScriptファイルを生成するために使用しています

したがって、この生成されangular-bootstrapたファイルは html ファイルで適切に参照されますが、モジュールのロードはまだ失敗しているようです。どんな助けでも大歓迎です。

ありがとう

sbt-web と scala-js を使用して webjar を作成したいと考えています。これまでartifactPathのところ、scala-js アーティファクトの をmappings in Assets. これは、呼び出しfastOptJSてファイルが正しい webjar の場所に表示される場合に機能します。

ただし、 でアセットを生成したいと考えていますcompile。問題は、ここにタスクの依存関係を追加するたびに循環依存関係が発生することfastOptJSです。またはに追加fastOptJSすることはできません。また、循環依存関係のために依存関係を追加することもできません。resourceGeneratorssourceGeneratorscompile

fastOptJS別のプロジェクトからトリガーするオプションではありません。

これに対する解決策はありますか？

spring mvc と spring boot を使用して Web アプリを開発していますが、webjar に関して質問があります。thymeleaf に webjar のパスを追加するには、たとえば次のようにします。th:href="@{/webjars/bootstrap/...}"

tomcat によって解決された後にページ ソースを表示すると、リンク タグの実際の href 属性は次のようになりました。href="/webjars/bootstrap/..."

しかし、Tomcat の Web アプリのディレクトリ構造を見ると、そのようなファイルはありません (webjars フォルダーに到達するまで、... の 3.3.6 内に bootstrap.min.js が見つかりませんでした) ..代わりにファイルディレクトリ構造のhtmlファイルから遠く離れたlibフォルダーのjarファイル内にあります..では、どのように解決されましたか? href 属性は、html ファイルの現在のディレクトリの場所に基づいてファイルを参照することになっていませんか?