Ember Project에서 SASS 및 SCSS 사용 방법

Question

기존의 기존 프로젝트를 Ember로 마이그레이션하고 우리 프로젝트에는 SASS 및 SCSS 파일이 모두 있습니다. SASS 파일을 처리하기 위해 ember-cli-sass를 사용하고 있습니다 : "extension : 'sass'"옵션. 그것은 절대적으로 잘 작동하고 있습니다.하지만 어떻게이 플러그인을 .sass와 .ssss 파일을 모두 사용하도록 구성 할 수 있습니까? 도와주세요!!

Answer 1

언급 한대로 문서화 된 설정은 sass 확장명을 추가하는 것으로 작동합니다. ember-cli-build.js 파일에서

ember install ember-cli-sass 

는 :

// ember-cli-build.js 
var app = new EmberApp(defaults, { 
    sassOptions: { 
    extension: 'sass' 
    } 
}); 

현재이 구성은 엠버가 app.sass라는 파일을 찾을 것을 의미합니다. 불행히도 이것은 또한 엔트리 포인트에 대해 app.scss을 갖는 것이 작동하지 않음을 의미합니다. 어쩌면 이것은 당신의 유스 케이스에 이상적이지는 않을지 모르겠지만, 아마도 그것은 거래 차단기가 아니기를 바랍니다. 거기에서 그러나

당신은 그들이 귀하의 모든 app.css에 @include 모두 scss 및 sass 당신의 app.sass 파일에서 파일과 포장됩니다 수 있습니다.

당신이 .sass 파일이 the ember-cli-sass code 내에서 약간의 작업을 걸릴 것입니다 (작성으로) 다음 .scss 파일에서 온 일부에서 오는 일부는 당신의 appliation에서 다중 출력 경로를 지원해야합니다. ember-cli-build.js 파일에서 broccoli-sass plugin을 직접 사용하면 더 편리 할 것입니다.