CSS 스타일을 Sass 파일로 옮기기위한 모범 사례

현재 Angular 4 프로젝트는 현재 순수 CSS를 사용하고 있지만 SASS 사용을 권장합니다. 나는 VSCode IDE와 Live-Sass-Compiler 확장 (현재까지는 꽤 잘 작동하고있다.)과 webpack은 현재 ".. \ src \ styles.css"파일을 묶는 데 사용된다.CSS 스타일을 Sass 파일로 옮기기위한 모범 사례

나는 (같이) _base.scss에 styles.css가 일부 800 선을 이동 한 나의 새로운 말대꾸 폴더 구조 제작 한 것입니다 :

SRC
- 말대꾸
  
  _base.scss
  
  _variables.scss
  
  main.scss

main.scss의 모습

@import "_variables.scss"; 
@import "_base.scss";

내 주요 질문은 두 개의 폴더 :에이 스타일의 모든 리팩토링을위한 가장 좋은 방법은 무엇인가 내 새 main.scss 파일? _varialbes.scss에 새로운 sass 변수를 만들어 _base.scss 안에 사용해야합니까?

내 질문이 너무 광범위하면 시도하고 범위를 좁히겠습니다.

안부.

출처

2017-12-21 bob.mazzo

안녕 밥이다, 모범 사례 질문 오프 주제 스택 오버플로가 의견 기반 (대부분의 사람들이 같은 의견을 공유하는 경우에도)이기 때문이다. – TylerH

오. 나는 그럴지도 모른다고 직감을 가졌다. @TylerH –

다행스럽게도 Sass의 모범 사례에 대해 이미 언급 한 사이트가 많이 있습니다. https://sass-guidelin.es/ – TylerH

"@import _variables.scss"; 인 경우 _base.scss에 새 변수를 사용할 수 있습니다. 그리고 scss files_을 가져올 때 _을 사용할 필요가 없습니다.

_없이 scss 파일을 가져올 수 있습니다. 여기

@import "variables.scss"; 
@import "base.scss";

는 몇 가지 모범 사례가 link

출처

2017-12-22 02:12:51

CSS 스타일을 Sass 파일로 옮기기위한 모범 사례

답변

관련 문제