アドオンは、ホストアプリケーション用にCSSをエクスポートしてエクスポートするにはどうすればよいですか？

Question

私のアドオン（nmbl-foundation）内にEmber CLI Sassを使用しています。このアドオンをカスタマイズして、&にファンデーションを組み込み、ホストアプリケーション用に自動インポートします。

私はdocsのAddon usageセクションに従っていましたが、importPathsが正しくなるまでに苦労しています。

appConfigをmy-addon/config/environment.jsからカスタマイズしてみました。私が作った場合

module.exports = function(environment, appConfig) { 

    return { 
    sassOptions: { 
     includePaths: ['node_modules/nmbl-foundation/bower_components/foundation-sites/scss'] 
    } 
    }; 

}; 

外部ホストのアプリケーションはすべて動作しますが、アドオンのダミーのアプリケーションは中断します。私はそれが

module.exports = function(environment, appConfig) { 

    return { 
    sassOptions: { 
     includePaths: ['bower_components/foundation-sites/scss'] 
    } 
    }; 

}; 

に上記を変更することにより、ダミーのアプリを動作させることができますが、これはホストアプリを破る - ホストアプリもbower install --save foundationない限り、です。

どちらの場合でも、またこのアドオンが2次依存である状況でも設定を行うことは可能ですか？理想的には、私のアドオンにFoundationのBowerのローカルコピーを追加して、ホストアプリケーションがそれをインストールすることを心配する必要がないようにします（または、将来このアドオンを導入する）。

あなたのアドオンのデフォルトの青写真を作成します：バウアー依存関係で使用する

Answer 1

。 afterInstallフックでは、アプリケーションのbower.jsonにbowerパッケージを追加できます。 bower install --save foundationについて心配する必要はありません。

blueprint hooksの参考資料です。 afterInstallとbeforeInstallフックを見ることができます。

ember-bootstrapのサンプルコードです。