使用 django 将 STATIC_URL 传递给文件 javascript

Question

将 {{ STATIC_URL }} 传递给 javascript 文件的最佳解决方案是什么？

我正在使用 django 和 python。

提前致谢。 问候。

Answer 1

使用带有静态 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">';

Answer 2

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

更新： 默认情况下，压缩器将使用STATIC_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 }}');

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

Answer 3

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

这对我有用。

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

https://github.com/jezdez/django_compressor

pip install django_compressor

将“压缩器”添加到您的 INSTALLED_APPS 设置中：

INSTALLED_APPS = (
    # other apps
    "compressor",
)

在 Debug 模式下测试压缩，在 settings.py 中：

COMPRESS_ENABLED = True

如果您使用 Django 的 staticfiles contrib 应用程序（或其独立对应的 django-staticfiles），您必须将 Django Compressor 的文件查找器添加到 STATICFILES_FINDERS 设置中，例如使用 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 }}');