Django-compressor: js 소스 맵 지원

구현하고 싶지만 이 기능에 관심이 있는지 알고 싶습니다.

지금까지 이 작업을 수행하는 데 필요한 아이디어를 얻기 위해 코드를 읽었습니다.

첫째, 템플릿 태그 측면에는 소스 맵, 압축기 매개변수 또는 다른 압축기를 켜기 위한 두 가지 옵션이 있습니다. {% compress js sourcemap %} 또는 {% compress js-sourcemaps %}

그런 다음 소스 맵 옵션이 켜져 있으면 인라인용 소스 맵을 생성할 수 없기 때문에 압축기는 모든 덩어리가 파일인지 확인해야 합니다(완전히 확실하지는 않습니다).

마지막으로 가장 까다로운 부분인 파일 목록을 처리하고 압축된 js 및 소스 맵 파일을 출력할 수 있는 압축기 백엔드가 필요합니다.

내가 제대로 가고 있는지 아니면 모든 것이 잘못되었는지 알기 위해 이에 대한 피드백을 받고 싶습니다.

이것은 기존 도구 체인으로 가능할 수 있습니다. SASS를 통해 CSS에 대한 기본 sourceMapURL 지원을 얻을 수 있었습니다.

예: https://gist.github.com/Nagyman/6542739

이것은 매우 예비적입니다. 몇 가지 알려진 제한 사항이 주석에 언급되어 있습니다.

내가 관심. 스테이징 코드를 빠르고 쉽게 디버깅할 수 있습니다.
이 기능에 대한 개선 사항이 있습니까?

예, 현재 이 기능을 작업 중입니다.

@sicarrots 압축기가 원래 태그를 통과하기 때문에 settings.DEBUG 때 소스 맵을 사용하고 있지만 연결 및 재배치 후에 작동하게 하는 것이 꽤 까다로워 보입니다. 어떻게 접근하고 있습니까?

Compressor와 uglify.js를 실험하는 데 성공했습니다. 지금 나는 서브 클래 싱 한 JsCompressor 및 오버라이드 (override) output 전체 필터 / CONCAT / 필터 체인를 해결하려면 만 (소스 매핑 생성, CONCAT, 압축) 모든 활동에 대한 추하게를 사용합니다.

소스 맵은 센트리에서도 사용됩니다 https://www.getsentry.com/docs/sourcemaps/

@fetzig 정확히 그렇게 한 이유

@Kos 영감을 주기 위해 코드를 붙여넣으시겠습니까? 감사합니다 B)

이것이 내가 사용한 결과입니다. https://gist.github.com/Kos/9270494 (프로덕션에서는 오프라인 압축이 있고 개발에서는 압축이 없습니다)

다음 단계는 일반 JsCompressor {% compress js %} 대해 {% compress uglify %} 와 같은 것을 설정하여 내 사용자 정의 클래스이지만 구성으로 수행하는 방법을 찾지 못했습니다.

편집: :맥주: :-)

:맥주: @코스!

해당 기능에 +1!

JS 소스 맵의 경우 다음을 찾았습니다.
http://roverdotcom.github.io/blog/2014/05/28/javascript-error-reporting-with-source-maps-in-django/
해당 django-compressor 플러그인 사용
https://github.com/roverdotcom/django-compressor-sourcemaps/

+1 저도 이 기능을 원합니다. 프로덕션에서 JS 압축 파일을 디버그할 수 있다는 것은 매우 편리합니다. 센트리 오류는 그렇지 않은 경우 의미가 없습니다.

기능에 대해 +1, Sentry 오류에 절대적으로 필요합니다. :)

js 및 css 소스 맵의 경우 +1

js/ES6/coffee(TypeScript도 가능) 및 css/sass/less 소스 맵을 보고 싶습니다.
🍻

Compress는 여전히 소스 맵 기능을 지원하지 않습니까?

아니요, 여전히 해당 기능을 지원하지 않습니다. 이를 구현하는 PR을 제출할 수 있습니다.

예를 들어 다음과 같은 "해키시" 솔루션을 구현하는 것은 여전히 ​​가능합니다.
https://bitbucket.org/imposeren/tabletop-planning/src/7d551806cfee2c5493b7273e40c5448aec480544/tabletop_tools/compressor_filters.py?at=master

PR을 만들기 위해서는 더 나은 솔루션이 필요합니다 ...