2016-12-27 3 views
1

이 부분은 html template이며 Chrome 검사 도구를 사용하여 검사합니다.
제 브라우저가 컴파일 된 CSS 대신 scss 파일을 감지 할 수 있다는 사실에 놀랐습니다. 그런 다음 Ctrl + U를 눌러 페이지 소스를보고 'scss'를 찾으려고하지만 결과에는 아무 것도 표시되지 않습니다.
그러면 브라우저가 scss 파일을 어떻게 알 수 있습니까?브라우저에서 scss 파일을 어떻게 알 수 있습니까?

P. scss/sass/css 프리 프로세서와 관련된 새로운 기능이 있습니다.

+0

찾아보기는 프로그램입니다. 그들은 똑같은 똑똑한 프로그램이되어 있습니다. 'css' 파일의 소스를 찾고,있는 경우'css'로 전환하는 옵션을 사용하여 그 파일을 표시합니다. 브라우저에는 인공 지능이 없습니다. 아직. –

답변

1

: 나는 사람들이 실제를 확인하기 위해 그들은 그것을 왼쪽 추측 https://www.html5rocks.com/en/tutorials/developertools/sourcemaps/

이 경우 (이것은 주로 디버깅에 사용되며, 대부분의 시간은 생산 환경에서 stripted됩니다 소스 코드를 배우고 다음과 같이 배우십시오 : P)

1

표시되는 것을 소스 맵이라고합니다. 소스 맵을 사용하면 컴파일 된 CSS 대신 원본 소스를 볼 수 있습니다. 이것은 보통 디버깅에 사용됩니다.

당신은 Sourcemaps에 대한 자세한 내용은이 문서 읽을 수
관련 문제