Django에서 템플릿 변수를 django-compressor와 함께 사용

Question

django-compressor가 .js 파일로 컴파일하는 coffeescript 파일에서 참조 될 때 {{ STATIC_URL }}이 제대로로드되지 않는 문제가 있습니다. 내 장고 템플릿에서

, 나는

$('#test').prepend '<img src="{{ STATIC_URL }}images/image.png" />' 

이 stuff.coffee에서

//this loads fine 
{{ STATIC_URL }} 
{% load compress %} 
{% compress js %} 

//STATIC_URL in here does not load 
<script type="text/coffeescript" charset="utf-8" src="/static/stuff.coffee" /> 

{% endcompress %} 

이 그런 다음 브라우저의 렌더링 된 HTML 따라서 내 질문은, 어떻게

/static/ 
<img id="theImg" src="{{ STATIC_URL }}images/image.png"> 

입니다 장고는 coffeescript 파일에 {{ STATIC_URL }}을 인식하게합니까? 어떤 도움을 주셔서 감사합니다!

Answer 1

[.js|.coffee] 파일은 장고 템플릿이 아니며 평가되지 않습니다. 어느 쪽이든 django의 템플릿 렌더러로 스크립트를 전처리하거나 html 템플릿에 변수를 설정하고 자바 스크립트 윈도우 속성에 할당해야합니다. 예컨대 : 당신의 장고 템플릿에서

: 당신의 stuff.coffee에서

window.staticUrl = "{{ STATIC_URL }}"; 

{% load compress %} 
{% compress js %} 

//STATIC_URL in here does not load 
<script type="text/coffeescript" charset="utf-8" src="/static/stuff.coffee" /> 

{% endcompress %} 

: 유용한 응답

$('#test').prepend "<img src="#{window.staticUrl}images/image.png" />"