問題タブ [sbt-web]

CSS プリプロセッサとして Sass を使用しており、アセット パイプライン経由で実行しようとしています。この sassTask をソース ファイル タスクおよび Web アセット タスクとして実装しようとしましたが、どちらの方法でも問題が発生しています。

Sass をソース タスクとして実行すると (以下を参照)、activator runページが要求されたときに Sass がトリガーされ、ページのリロード時に更新されたファイルが見つかります。私が直面している問題は、結果として得られる CSS ファイルがtarget/web/public/main/lib、ディレクトリの下に組み込まれているものを反映するサブディレクトリではなく、すべて に直接ダンプされることresources-managedです。これを実現する方法がわかりません。

代わりに、Sass コンパイルを Web アセット タスクとして実装してみました (以下を参照)。私が知る限り、この方法で作業しても意味がありresources-managedません。そのため、ファイルを直接 にコンパイルしますtarget/web/public/main/lib。私はこれを十分に動的に行っていないと確信していますが、それ以上の方法はわかりません。しかし、ここでの最大の問題は、 を処理しているときにパイプラインが明らかに実行されないことactivator runです。を使用して実行できactivator stageますが、Scala ファイルと同様に、開発サーバーの実行中にスタイル ファイルを変更できるように、通常の開発ワークフローでこれを機能させる必要があります。

これらのフォーラム、sbt-web ドキュメント、およびいくつかの既存のプラグインをくまなく調べてみましたが、SBT の複雑さと実際に起こっていることの不透明さのために、このプロセスは非常に苛立たしいものであることがわかりました。ビルドプロセス。

ソース ファイル タスクとしての Sass コンパイル:

Web アセット タスクとしての Sass コンパイル:

これは Play 2.2.x requireJS の現在の設定です。2.3以降も引き続き動作しますか？2.3 ドキュメントのどこにも requireJs または requireJsShim が見つかりません。

Play Framework 2.3.1 と Scala 2.11 を使用しています。

たとえば、LESS と CoffeeScript のソース ディレクトリを「app/assets」から「app/privateassets」に変更する必要があります。

変更方法は？

Play 2.3 へのアップグレード後、requirejs は、パスが webjar からのものである場合にのみ、すべてのパスを 1 つのメイン ファイルにバンドルおよび unglify できます。

すなわち。私のrequireの構成セクションがこのように失われた場合

次にBacon.min.js、ファイルに正しくバンドルされmain.jsますが、bacon.modelライブラリは http 呼び出しを介して個別にダウンロードされます。

まだ「webjared」されていないjavascript依存関係がたくさんあるので、webjars.orgによって提供されていないすべての依存関係のwebjarを作成する代わりに、これを回避する簡単な方法を見つけようとしています

アプリケーションで JS のバンドルを作成するために sbt-concat を使用しています。ただし、複数のバンドルの作成はサポートしていないようです。

私のアプリケーションでは、グローバルに使用するベース レベルの js を作成したいと考えています。次に、特定のページで使用されるコンポーネント バンドルも作成したいと考えています。

これは sbt-concat でできることですか?

Angular モックまたは angular 自体を sbt-web / sbt-mocha プロジェクトで認識させることができません。

私は sbt-web play http://typesafe.com/activator/template/play-2.3-highlightsハイライト サンプルに基づいてサンプルを書いていました。他のプラグインは削除しましたが、sbt-mocha プラグインは残しました。

libraryDependencies で依存関係を宣言しました。

次に、定数を使用して角度のあるアプリを作成し、それを app.js として assets/javascripts にドロップしました。

次に、テストを書きました。

次に、sbt mochaOnly を起動すると、次のようになりました。

ここで、angular.mocks.module も使用してみましたが、Angular が存在しないというエラーが表示されます。

また、同じライブラリをテスト パスに追加しました。おそらく、テスト パスがメインのパスから分離されているのではないかと考えましたが (ばかげた考えです)、それは役に立ちませんでした。次に、http ://www.scala-js.org/doc/sbt/depending.html に従って、次のようなモック js ファイルのみを含めてみました。

しかし、「/」の周りでエラーが発生し、認識できなかったので、ストライク 3...

私はこれをgulp、grunt、さらにはmaven-jasmine-pluginを使用したmavenで何十回も行ってきましたが、今はsbt-webの世界にいて、モカを使用しており、続行するドキュメントはありません. 私はScalaも初めてで、何かを始めたいと思っているので、まだ理解できていない場合は申し訳ありません.

モジュール関数を使用して角度モック ライブラリをブートストラップし、PI のような角度アセットを inject で挿入したいだけです。

私はこのコードを含む GitHub リポジトリを持っています...それは : https://github.com/krimple/sbt-web-project-with-angular/

私と一緒にこれをハックしたい人はいますか？私はそれを理解し、Angular のプレイ シード プロジェクトのプル リクエストを行い、実際にいくつかのモカ テストを行いたいと思っています。jasmine sbt プラグインの方がさらに優れていますが、最初に mocha に集中する必要があると思います。

https://github.com/ground5hark/sbt-concatの sbt-concat プラグインを使用しようとしていました。ただし、ワイルドカードを使用することはできませんでした。これが私のbuild.sbtです。

その点に注意してください

うまくいきました。
ただし、sourceDirectory.value を使用するものは機能しません。誰にも洞察がありますか？

ディレクトリとそのサブディレクトリの下にすべての css をバンドルしようとしていました。ただし、指定したディレクトリの直下のファイルのみがバンドルされ、サブディレクトリ内のファイルはバンドルされないことがわかりました。

次に、「lib.css」を含むすべてのものであることを示すために、このようなことを試しました-> group((((アセットのソースディレクトリ).value / "css" / "core" / "lib") * "**/ *.css") これはうまくいきません。

すでに github で問題を公開しており、すぐに修正されることを願っています。ただし、誰かが既に解決策を持っているかどうかを知りたいです。彼が共有できれば素晴らしいことです。 https://github.com/ground5hark/sbt-concat/issues/8