Sass의 중국 문제

이 정원에서 좋은 자료들을 많이 봤는데, 저도 뭔가 쓰고 싶었는데, sass를 쓸 때 한자 깨짐 문제에 대한 해결책이 갑자기 생각났어요. 나는 모든 것을 스스로 요약했습니다. (다음 테스트 단계는 모두 제가 직접 완성했습니다! 재생산은 없습니다. 틀린 부분이 있으면 다들 정정해주시기 바랍니다)

간단한 설명: sass에서 CSS 스타일을 작성하는 것이 훨씬 더 편리합니다. sass에서는 논리적 처리 기능이 없고 간단한 논리적 처리 기능만 있는 CSS 구문을 작성할 수 있습니다.

여기에서는 Sass 설치에 대해 자세히 소개하지 않습니다. 프로세스는 대략 다음과 같습니다: Ruby 설치 --- Sass 설치 -- webstrom에서 sass 구성

1: sass 구성 파일에서

수정

우선 sass 구성 파일은 일반적으로 Ruby가 설치된 디렉터리에 존재합니다.

이것은 내 Ruby 설치 디렉토리입니다. 찾은 후 이 폴더에서 구성해야 하는 파일을 찾으세요.

설치한 버전이 내 버전과 같다면 대략 다음 경로입니다.

Ruby23-x64librubygems2.3.0gemssass-3.4.22libsass

sass 아래에 구성 파일이 있습니다:

engine.rb 파일

열기------

여기에 다음 코드를 추가하세요: Encoding.default_external = Encoding.find('utf-8');

----save 끝났어요 가서 먹어보세요!

좋아요 완벽해요! ;

둘째: @charset "UTF-8"을 추가합니다.

이 방법을 사용하면 중국어를 사용할 때 추가해야 합니다. 첫 번째 방법은 sass가 자동으로 추가해 주는 것입니다. 원칙은 여전히 ​​같습니다.

추가할 위치는 sass 파일에 있습니다

(sass가 생성한 CSS에 추가하는 것을 잊지 마세요. 모든 추가는 유효하지 않기 때문입니다. 컴파일된 CSS의 내용은 해당 Sass 파일의 내용에 따라서만 변경되기 때문입니다.)

이 방법으로 얻은 결과는 여전히 일관됩니다.

중국어 경로에 대한 질문:

마지막으로 중국 경로에 관해: 저도 이 문제를 시도해 보았지만 결국에는 여전히 사소한 문제가 있을 것이므로 모든 사람들은 중국 경로를 사용하지 말라고 합니다.

마지막 참고 사항: 이 내용은 제가 직접 요약하여 아주 간단하게 작성한 내용입니다. 부족한 점이나 오류가 있으면 지적해 주시기 바랍니다!