[import] @import를 사용하여 sass에서 전체 디렉토리를 가져올 수 있습니까?

Rails 프로젝트에서 Sass를 사용하는 경우, sass-rails gem https://github.com/rails/sass-rails 는 glob 가져 오기를 제공합니다.

@import "foo/*"     // import all the files in the foo folder
@import "bar/**/*"  // import all the files in the bar tree

“디렉토리를 가져올 경우 가져 오기 순서를 어떻게 결정할 수 있습니까? 새로운 수준의 복잡성을 도입 할 수있는 방법은 없습니다.”

일부는 파일을 디렉토리로 구성하면 복잡성을 줄일 수 있다고 주장합니다.

우리 조직의 프로젝트는 다소 복잡한 앱입니다. 17 개의 디렉토리에 119 개의 Sass 파일이 있습니다. 이것은 대략 우리의 견해에 해당하며 주로 조정에 사용되며 무거운 리프트는 맞춤형 프레임 워크로 처리됩니다. 나에게 가져온 디렉토리의 몇 줄은 가져온 파일 이름 119 줄보다 덜 복잡합니다.

로드 순서를 해결하기 위해 먼저로드해야하는 파일 (믹스 인, 변수 등)을 초기로드 디렉토리에 배치합니다. 그렇지 않으면, 우리가 올바르게 일을한다면,로드 순서는 중요하지 않습니다.

답변

|- __partials__.scss
|- /partials
   |- __header__.scss
   |- __viewport__.scss
   |- ....

@import "partials/header";
@import "partials/viewport";
@import "partials/footer";
@import "partials/forms";
....

@import
  'foo',
  'bar';