問題タブ [broccolijs]

Broccoli -sassをBroccoli -compassに、Broccoli Ember Sampleで置き換えようとしています。

私のアプリの構造は次のようになります。

ブロックファイル:

ただし、呼び出し時に次のエラーが発生しますbroccoli serve。

[broccoli-compass] エラー: そのようなファイルまたはディレクトリはありません - /Users/my.name/Documents/Code/broccoli-ember/tmp/tree_merger-tmp_dest_dir-4rW9S0CD.tmp/styles/app.scss

ここで何が欠けているか分かりますか？

アプリを自分の環境にデプロイしたいときは、ホールアプリ (ほとんどは BASE64 エンコード) を含む特定のファイルを 1 つ作成し、そのファイルを独自のアプリケーションにインポートする必要があります。

そのファイルをフォルダーから簡単に生成できる単調なタスクを作成しました。ember buildそのため、コンソールに何かを入力するだけでスクリプトが実行される方法を探しています。

Gruntfile.jsこれを行う最も簡単な方法は、既存のファイルの近くに新しいファイルを作成し、Brocfile.js最初に実行するバッチ ファイルを作成しgrunt、次にember build.

ember buildより良い方法は、gruntfile から呼び出すことができる場合です。これを行う方法はありますか？

または、さらに良いことに、うなり声をに注入する方法はありember buildますか? それは素晴らしいでしょう！

明確にするために、ブロッコリーはそのための適切なツールではありません! これはビルド ステップではなく、デプロイ ステップです。なので、ビルドツールではなく、タスクランナーを使いたいです。

ありがとう！

私は Ember CLI を使用しており、testem で実行される組み込みの Qunit テストとコード カバレッジ レポートを統合しようとしています。イスタンブールを使用しようとしましたが、tmp ディレクトリを探しているように見えるため、計測するファイルを見つけることができませんでした。私はtestem.jsonでこれをやってみました：

しかし、次のようなエラーが発生し続けました: not ok 1 Error --- message: >

Karmaも使ってみましたが、構成がわかりませんでした。ブランケットも試してみましたが、トランスパイルされたコードが 100% カバーされているという誤った報告しか得られませんでした。

トランスパイルされたコードがどのように機能するかを完全には理解していません。また、これにアプローチする最善の方法が何であるかもわかりませんが、素晴らしいコード カバレッジ レポートを取得する方法について正しい方向に向けるための助けがあれば幸いです。 .

何らかのコード カバレッジ レポートの統合に成功した人はいますか?

行 1、列 0、この文字は、1 つまたは複数のブラウザーによってサイレントに削除される場合があります。追加した .js ファイルごとに、このエラーが 4 回発生します。

例えば

エラー テキスト:

「scripts/models/company.js: 行 1、列 0、この文字は 1 つ以上のブラウザーによってサイレントに削除される可能性があります」

scripts/models/company.js コンテンツ:

uncss を使用するように Ember CLI を構成するのに苦労しています。セットアップ:

アプリ/テンプレート/index.hbs

Brocfile.js

https://github.com/sindresorhus/broccoli-uncssを使用するにはどうすればよいですか? http://iamstef.net/ember-cli/の資産の部分には、簡単だと書かれていますが、実際にそれを行う方法は説明されていません。

最近、ember-cli を .39 にアップグレードしましたが、ブロッコリー コンパス コードが壊れる原因となる変更がありました。

コードは次のとおりです。

次のエラーが表示されます。

app.stylesまたはthis.appAndDependencies()変更されましたか？この構成の多くのバリエーションを試してみましたが、役に立ちませんでした。

ここにも同様の質問がありますが、まだうまくいきませんでした。

最初に、bower 経由で strip.js ファイルを含めました。

「ベンダー/ストライプ/インデックス」を作成したもの（index.jsではなくインデックスに注意してください）。次に、これをブロッコリー ファイルに追加しました。

このエラーが発生します：

これを機能させるために何が欠けていますか？

ユーザーからの提案を試してみたところ、次のエラーが発生しました。

最初に、私はノードの初心者であることを告白しなければなりません。私は以前にASP.NET、PHP、Djangoを使用してきました。いずれにせよ、私はノードが新鮮な空気の息吹であることを発見しました. この問題も厳密にはノードの問題ではありませんが、ノード固有の回答が必要です。

エクスプレスサーバーと角度のあるフロントエンドがあります。サーバー側のテンプレートは swig にあり、現在はエラー ページとインデックス ページのみに使用されます。ほとんどの場合、角度のあるテンプレートが前付けの大部分を占めます。

私が苦労しているのは、それを行う方法を決定することだけではありますが、アセット パイプラインの効率的なワークフローを得ることです。サーバー側のテンプレートは、開発およびテスト中にアセットのバニラを注入できる必要があります。テスト中のクライアント側テンプレートも同様です。基本的に、エクスプレスの静的ミドルウェアで実行することは、構成なしのオプションである必要があります (サーバー側アセットのヘルパーを使用する場合があります)。したがって、git clone -> grunt -> viola です。

ただし、ステージングと本番の間、サーバー側のファイルはそのままにしておきたいと思います。テンプレート ヘルパーは、キャッシュ無効化されたリンクを示すマニフェスト ファイルを解析する場合があります (CDN パスもおそらく)。開発の透明性を保ちながら、論理アセット バンドル名から本番環境に対応したアセットへのリンクを作成する方法は、私にとって謎です。

クライアント側のテンプレートは、アップロードのためにいくつかのdistフォルダーに保存されるため、縮小、連結、挿入などの可能性があります。依存関係ツリー全体 (画像、フォント、css、js) を dist フォルダーに「エクスポート」する必要があることが重要です。

デプロイするには、サーバー側のコードをサーバーにプッシュして実行します。クライアントdistフォルダーをアセットホスト（CDN、nginx、別のノード、おそらく接続静的）にプッシュします

私の質問は実際には何ですか：

1. broccoli/gulp/grunt などのツールだけでこのワークフローは可能ですか? connect-assets を試してみましたが、あらかじめ決められたフォルダー パスに準拠したくありません。また、cli ツールは他の静的アセットを生成しませんでした。ツールの意味が分からないのかもしれません。
2. 私は正しいアプローチに従っていますか？

マニフェスト ファイルの消費に関するブロッコリーのディスカッションに追加しました: https://github.com/mjackson/broccoli-rev/issues/1#issuecomment-49076249

編集:私はbowerを使用していることを忘れていたので、アセットは任意の(おそらくURLも)場所から取得する必要があります。

私の Ember CLI プロジェクトは現在、ビルドに 8 ～ 9 秒かかっています。その理由を知りたいです。プロジェクトはそれほど大きくありません ( app/hbs と scss を含めて ~180 ファイル)。

これが私のブロクファイルです: https://gist.github.com/samselikoff/874c90758bb2ce0bb210

ただし、Brocfile 全体をコメントアウトしてapp変数だけをエクスポートしても、ビルドには 5 ～ 6 秒かかります。

デバッグ方法がよくわかりません。これが私の最も遅いツリーログです:

ビルド成功 - 8874ms。