問題タブ [broccolijs]

私はブロッコリーのプラグインを調べていましたが、この行をよく見かけます。それは何のために使用されますか？

I'm trying to use Foundation with an Ember-CLI app and I want to compile all the SCSS with broccoli-scss. For the life of me I cant get it to work.

I have Foundation in my bower components so heres what I've tried, modled off of the broccoli sample app:

And...

I'n the browser I'm only getting about 800 lines of compiled CSS, where the standard foundation.css is about 4.4k lines long. So something is obviously wrong.

Thanks

私はember-cli 0.1.5を使用しています。

app/styles フォルダー内の「skin-*.less」ファイルごとに css ファイルを作成したいと思います。これは、私の Brocfile.js で次の構成を使用してプレーンな CSS で動作します。

「ember install:addon ember-cli-less」を使用して LESS プリコンパイラをインストールした後、この構成は考慮されず、代わりに「ember build」が app/styles/app.less を探します。

ブロッコリーの少ないコンパイラが CSS ファイルの複数の outputPaths 構成を尊重するようにする方法はありますか?

Broccoli (node-sass を使用) を使用して Ember プロジェクトの SCSS コードをコンパイルしています。ファイル システムから名前付きファイルを読み取り、処理して結果を返す SCSS 関数を作成したいと考えています。

これまでのところ、ファイル システムを呼び出す SCSS 関数の記述に関するリファレンスを見つけることができませんでした。

Broccoli を使用しているときに、SCSS 関数を呼び出してファイル システムにアクセスするにはどうすればよいですか?

編集：

node-sass のカスタム関数に関するこのスレッドを見つけましたが、まだ利用できるようには見えません。

現在、ember-cli アプリケーションの bower_components フォルダーから css ファイルをインポートしています。

vendor.css に連結される前に、そのファイルの CSS を変更したいと思います。vendor.css になるように置換を検索するにはどうすればよいですか?

この時点で、broccoli-replaceを少し調べましたが、 distフォルダーに別のファイルとして toastr.min をビルドしたい場合にのみ機能するようです。現時点ではブロッコリーを 100% 理解しているわけではないので、これは間違っている可能性があります。

ファイルに直接設定しないように、Brocfile.js に含めたい構成設定があります。たとえば、config/custom.jsでは次のようになります。

私のブロクファイルでは、次のようなことをしたいと思います:

Brocfileに custom.jsをインポート/インクルードし、そのパスプロパティを使用するにはどうすればよいですか? インポートしようとしましたが、次のようになります：

アップデート：

以下の回答に基づいて、私のファイルは次のようになりました。