Gulp CSS 缩小和 gzip + django 压缩器不工作

Question

我正在尝试缩小和压缩我的 css（以及后来的 js）并提供它。为此，我首先使用 gulp 缩小并压缩它，然后使用 django-compressor 提供 gzip 文件（因此只会发出 http 请求）。

我几乎遵循了这个指南： http://www.revsys.com/blog/2014/oct/21/ultimate-front-end-development-setup/

直接使用 gzip 文件效果很好，但是当我尝试使用 django-compressor 将它们分组时，出现以下错误：

UncompressableFileError at /
UnicodeDecodeError while processing '..../static/mincss/filename.min.css.gz' 
with charset utf-8-sig: 'utf8' codec 
can't decode byte 0x8b in position 1: invalid start byte

对应于压缩标签：

    {% compress css %}
      <link rel="stylesheet" href="{{ STATIC_URL }}mincss/filename.min.css.gz">
...more files
    {% endcompress %}

我 99% 确定 gzipped 生成的文件是正确的。它们是 us-ascii（utf-8 的子集）并且包含 *.min.css 文件。

我对该问题的相关设置（据我所知）与指南中列出的设置相同。唯一的区别是他在指南中包含了 css 文件，如下所示：

{% compress css %}
<link rel="stylesheet" href="{% static "stylesheets/main.css" %}" />
<link rel="stylesheet" href="{% static "stylesheets/some-other.css" %}" />
{% endcompress %}

但是这种方式（虽然有效）不使用压缩文件，甚至不使用压缩文件。我错过了什么？

Answer 1

包含的文件不得包含 gzip 扩展名。只需提供文件名 (*.css) 压缩器将自动检查并加载文件的解压缩版本（需要具有相同的名称加上 .gz）。

请注意，它只会在生产环境中加载压缩文件（使用 debug=false 并启用离线压缩）

Gulp CSS 缩小和 gzip + django 压缩器不工作

Gulp CSS minify & gzip + django-compressor not working

django

gzip

django-compressor

gulp