2016-08-31 38 views
0

我正在開發一個ember.js插件,用於我的新的應用程序。在ember.js插件中使用sass

我想弄清楚如何使用sass作爲樣式與我的插件,並使其獨立於我的應用程序。

說到插件使用sass,但使用它的應用程序不需要必須在其packages.json中有ember-cli-sass。

我已經試過幾乎所有的解決方案,有谷歌上被發現,共同我來這裏是爲了幫助:)

比方說我的插件名稱爲awesome-tables,所以如果我把一個CSS文件中awesome-tables/addon/styles/addon.css樣式連接成vendor.css如預期,但它並不適用於sass/scss

回答

1

工作插件你應該添加@import介紹您app.scss像下一個(無論是從插件)

@import 'ember-freestyle'; 
@import "pod-styles"; 

這樣的說明通常在README.md中描述用於回購。如果是您的回購 - 請檢查下一代碼https://github.com/ebryn/ember-component-css/blob/ae18f897d5b40ef1b3346d8857f6a1136d1b7b4b/lib/include-all.js#L56作爲示例(https://github.com/ebryn/ember-component-css/使用css/less/sass)

P.S.檢查命名的插件風格 https://github.com/aexmachina/ember-cli-sass

附加組件開發

如果你想使用燼-CLI-青菜中的插件,你想 分發編譯後的CSS必須將其安裝作爲依賴性,因此 addon/styles/addon.scss被編譯到dist/assets/vendor.css中。

P.P.S SASS with Ember CLI addons

+0

是的,你的第一個附:是我被卡住的那個。它沒有說'package.json'中的'devDependencies'和'dependencies'是ember-cli的兩個不同來源。我在'devDependencies'中使用了'ember-cli-sass',這引起了所有的麻煩。 – martodox