我的插件如何從bower導入SCSS並導出主機應用程序的CSS？

Question

我在我的插件中使用了Ember CLI Sass （名為nmbl-foundation ），我希望這個插件能夠自定義並包含Foundation並為主機應用程序自動導入它。

我按照文檔的Addon用法部分進行操作，但是我很難讓importPaths正確。

我嘗試從my-addon/config/environment.js自定義appConfig 。 如果我做到了

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 。

是否有可能讓設置適用於這兩種情況，甚至可能是這個插件是二階依賴的情況？ 理想情況下，我希望我的插件包含其本地Bower基金會副本，因此主機應用程序無需擔心安裝它（或將來我帶來的任何其他deps這個插件）。

Answer 1

與涼亭依賴一起使用：

為您的插件創建默認藍圖。 在其afterInstall掛鈎中，您可以將bower包添加到應用程序的bower.json 。 無需擔心bower install --save foundation 。

這是藍圖鈎子的參考文檔。 您可以查看afterInstall和beforeInstall掛鈎。

這是來自ember-bootstrap的示例代碼。