通过django将STATIC_URL传递到文件javascript

Passing STATIC_URL to file javascript with django

本文关键字：文件 javascript URL django STATIC 通过      更新时间：2023-09-26

将｛｛STATIC_URL｝｝传递到javascript文件的最佳解决方案是什么？

我正在使用django和python。

提前谢谢。当做

使用具有静态url值的全局javascript变量更简单：

<script language="javascript">var STATIC_URL = "{{ STATIC_URL|escapejs }}";</script>
<script src="{{ STATIC_URL }}js/myfile.js"></script>

然后，您可以通过调用myfile.js:中的static_url来简单地使用静态url

html = '<img src="'+STATIC_URL+'/icons/flags/tn.gif">';

django-compressor可以让您做到这一点，并通过将所有所需的JS或CSS压缩到一个文件中并优化文件大小来优化您的网站。

更新：默认情况下，压缩器将使用STATIC_URL将相对URL转换为绝对URL。如果您下载开发版本，它会附带一个django模板引擎解析器，它可以让您直接在CSS文件中使用所有django模版代码，例如{% static %}标记。

https://github.com/jezdez/django_compressor

安装后在settings.py中启用TemplateFilter，通过模板引擎解析js或css文件。

COMPRESS_JS_FILTERS = [
    'compressor.filters.template.TemplateFilter',
]

现在{% compress js %}块中的任何JS都将被django模板语言解析。。。

{% compress js %}
    <script src="/my_script.js" type="text/javascript"></script>
{% endcompress %}
// my_script.js
alert('{{ STATIC_URL|escapejs }}');

你要求最好的方式——我认为这是最好的。当然比提供动态文件要好。

我认为这补充了@Yuji‘Tomita’Tomita的评论，作为一个完整的设置

这对我有用。

这就是我在djangojs文件中使用STATIC_URL的django压缩器的完整设置。

https://github.com/jezdez/django_compressor

pip install django_compressor

将"压缩器"添加到INSTALLED_APPS设置：

INSTALLED_APPS = (
    # other apps
    "compressor",
)

要在调试模式下测试压缩，请在settings.py中：

COMPRESS_ENABLED = True

如果你使用Django的staticfiles-controib应用程序（或其独立的对应程序Django staticfiles），你必须将Django Compressor的文件查找器添加到STATICILES_INDERS设置中，例如使用Django.contrib.staticfiles:

STATICFILES_FINDERS = (
    'django.contrib.staticfiles.finders.FileSystemFinder',
    'django.contrib.staticfiles.finders.AppDirectoriesFinder',
    # other finders..
    'compressor.finders.CompressorFinder',
)

安装后在settings.py中启用TemplateFilter，通过模板引擎解析js或css文件。

COMPRESS_JS_FILTERS = [
    'compressor.filters.template.TemplateFilter',
]

现在，｛compress-JS%｝块中的任何JS都将被django模板语言解析。。。

{% load compress %}
{% compress js %}
    <script src="/my_script.js" type="text/javascript"></script>
{% endcompress %}
// my_script.js
alert('{{ STATIC_URL|escapejs }}');
相关文章：