Django-compressor: Sass, 압축기를 사용하거나 사용하지 않는 다른 결과로 인해 구문 분석 오류가 발생합니다.

안녕하세요, Bootstrap 4 alpha 6을 사용하는 동안 문제가 발생했습니다. BS4가 포함 된 이후의 모든 CSS가 브라우저에서 무시된다는 사실을 발견했습니다. 더 깊이 파고 생성 된 CSS의 구문 분석 오류를 발견했습니다.

Django 1.8.17, Compressor 2.1.1, Sass 3.4.22를 사용하고 있습니다.

내가 찾은 첫 번째 구문 분석 오류를 여기에 문서화하겠습니다.

오류는 stroke='rgba(0, 0, 0, 0.5")', 의 큰 따옴표 " stroke='rgba(0, 0, 0, 0.5")', 이지만 stroke='rgba(0, 0, 0, 0.5)' 이어야합니다. 이로 인해 문서에서 구문 분석 오류가 발생합니다.

유효하지 않은 라인 (dj 압축기를 통해)

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5")' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); }

유효한 라인 (sass direct를 통해)

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); }

사전 컴파일 된 버전과 일치합니다.

_background-image_의 소스

$navbar-light-toggler-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"), "#", "%23") !default;

$navbar-light-color:                rgba($black,.5) !default;

$black:  #000 !default;

dj 압축기를 통해 생성하는 방법

{% compress css %}
<link rel="stylesheet" type="text/x-scss" media="screen" charset="utf-8"
    href="/static/bootstrap/scss/bootstrap.scss" />
{% endcompress %}

COMPRESS_PRECOMPILERS = (
    ('text/coffeescript', 'coffee --compile --stdio'),
    ('text/x-sass', 'sass {{infile}} {{outfile}} --load-path {}'.format(LIB_PATH)),
    ('text/x-scss', 'sass --scss {{infile}} {{outfile}} --load-path {}'.format(LIB_PATH)),
)