Ember CLIを使用して外部ライブラリからすべてのアセットをインポートする正しい方法

Question

私はEmber.jsプロジェクトに取り組んでおり、Slick Carouselライブラリを利用したいと考えています。 Bowerを使用してライブラリをプロジェクトフォルダにインストールしましたが、プロジェクトにインポートすることができません。

私の燃えさし-CLI-build.jsで

次のように、私はimport文を追加しました：

app.import('bower_components/slick-carousel/slick/slick.css'); 
app.import('bower_components/slick-carousel/slick/slick-theme.css'); 
app.import('bower_components/slick-carousel/slick/slick.js'); 

私はに実行している問題は、必要な資産の残りが構築され、含まれませんということですビルド（フォント、アセットなど）を実行する際にdistフォルダにある "bower_components/slick-carousel"フォルダにあるフォントやアセットが見つからないエラーにつながりますが、実際のEmberアプリケーションはビルドされていません。

編集：ブロッコリーファンネルが私の必要としていたようです。問題は、 'bower_components'フォルダからソースファイルを指定し、ember-cli-build.jsファイルの 'dist'フォルダへの相対パスを指定することで解決しました。

注意：「broccoli-static-compiler」プラグインは、ソリューションとして推奨されていませんが、推奨プラグインとして「broccoli-funnel」を使用しています。

Answer 1

Broccoli-funnel私が探していたものが終了しました。 ember-cli-build.jsの中に以下のファイルを置くと、ビルド時に必要なファイルが正しいディレクトリに置かれます。

var Funnel = require('broccoli-funnel'); 
var requiredAssets = new Funnel('bower_components/slick-carousel/slick/fonts', { 
     srcDir: '/', 
     include: ['**/*.*'], 
     destDir: '/assets/fonts' 
}); 
return app.toTree([requiredAssets]);