gulp + scss 사용시 sourcemaps 설정

조회수 480회

안녕하세요. gulp 관련 질문 드립니다.

사내에서 gulp, gulp-sass, gulp-file-include 사용 중에 있습니다.


/dist

/src

gulpfile.js

현재 폴더 구조는 이렇게 되어있습니다.

src는 scss 소스와 html include 파일이 있고, dist는 css와 변환한 html 등이 포함됩니다.


browserSync(dist를 바라봄)와 watch(src를 바라봄)를 이용해 파일 변경을 감지해 자동 리로드해 서버를 띄웁니다.

작업시 scss는 디버깅이 편하도록 sourcemaps을 생성하도록 했는데요.

작업시에만 sourcemaps이 있고, 빌드 후(production)에는 sourcemaps이 없었으면 합니다.


​ gulp-if 를 이용해 dev 모드로 올렸을 경우에만 sourcemaps를 사용하도록 설정하긴 했는데...

디렉토리가 그럼 3가지가 생기더라구요.

/debug : sourcemaps이 있는 빌드, 컴파일된 디버깅을 위한 소스

/dist : sourcemaps 이 없는 최종 결과물 소스

/src : 빌드, 컴파일 전 작업 소스

이렇게 디렉토리를 3가지를 만들어서 작업하는게 맞는건지...

아님 다른 방법이 있는지 궁금합니다...!

gulp와 scss를 함께 사용하고 계시다면 어떻게 사용하고 계신지 알려주시면 감사하겠습니다...!

답변을 하려면 로그인이 필요합니다.

프로그래머스 커뮤니티는 개발자들을 위한 Q&A 서비스입니다. 로그인해야 답변을 작성하실 수 있습니다.

(ಠ_ಠ)
(ಠ‿ಠ)