mit sass in ember.js addon

Question

Ich entwickle ein Addon in ember.js für meine neue Ember App.

Ich versuche herauszufinden, wie Sass als Stile mit meinem Addon zu verwenden und es unabhängig von meiner App machen.

Sagen, dass Addon verwendet Sass, aber die App, die es nicht benötigt, muss Ember-Cli-Sass in seinen packages.json haben.

Ich habe versucht fast jede Lösung, dass es auf Google zu finden ist, co ich komme hier für die Hilfe :)

sagen Lets mein addon Name awesome-tables ist, also wenn ich in awesome-tables/addon/styles/addon.css eine CSS-Datei setzen die Stile werden in vendor.css verketteten wie erwartet, aber es funktioniert nicht für sass/scss

Answer 1

für Addons sollten Sie @import Intro fügen Sie Ihre app.scss wie nächste (beide Addons)

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

solche Anweisungen normalerweise in README.md für Repo beschrieben. Wenn es Ihr Repo ist - überprüfen Sie den nächsten Code https://github.com/ebryn/ember-component-css/blob/ae18f897d5b40ef1b3346d8857f6a1136d1b7b4b/lib/include-all.js#L56 als Beispiel (https://github.com/ebryn/ember-component-css/ arbeiten mit css/less/sass)

P.S. Check für addon Namensgebung Stile https://github.com/aexmachina/ember-cli-sass

Addon Entwicklung

Wenn Sie glut-cli-sass in einem Add-on, und Sie wollen verteilen die kompilierte CSS verwenden möchten es als Abhängigkeit installiert werden müssen, so Dieses Addon/styles/addon.scss wird in dist/assets/vendor.css kompiliert.

P.P.S SASS with Ember CLI addons