ember.js addon에서 sass 사용

Question

새 엠버 애플 리케이션을위한 ember.js에 애드온을 개발 중입니다.

나는 내 addon과 함께 스타일로 sass를 사용하고 내 응용 프로그램과 독립적으로 만드는 방법을 알아 내려고하고 있습니다.

addon이 sass를 사용한다고 말하면서 dones't를 사용하는 앱은 packages.json에 ember-cli-sass가 있어야합니다.

내가 구글에서 찾을 수 있다는 것을 거의 모든 솔루션을 시도했습니다, 공동 내가 도움 :

내가 awesome-tables/addon/styles/addon.css에 CSS 파일을 넣어 그래서 만약 내 애드온 이름이 awesome-tables 말할 수 있습니다 여기 와서 예상대로 스타일 vendor.css로 연결된다, 그러나 당신이 @import 소개를 추가해야 애드온를 들어 sass/scss

Answer 1

작동하지 않습니다 다음과 같은 app.scss

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

(모두 애드온에서)

이러한 지침은 일반적으로 repo에 대한 README.md에 설명되어 있습니다. Repo 인 경우 다음 코드 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. 이 종속성 때문에 설치해야합니다 컴파일 된 CSS를 배포하면 애드온에 엠버 - CLI-말대꾸를 사용하려면 애드온 스타일에 대한 명명 https://github.com/aexmachina/ember-cli-sass

부가 기능 개발

을 확인하고는 하려는 addon/styles/addon.scss는 dist/assets/vendor.css로 컴파일됩니다.

P.P.S SASS with Ember CLI addons