介绍Python的Django框架中的静态资源管理器django-pipeline

作者:Sim 时间:2023-11-12 00:10:35 

 django-pipeline 是一个 Django 下非常方便的静态资源管理 app,尤其是 1.2 版本之后,利用 django-staticfiles 的collectstatic 命令,在开发、部署环境下切换非常方便。

写 codinn.com 代码的时候,静态资源管理方面遇到了一些烦人的事情:

  •     为了加速页面加载速度,浏览器会缓存静态文件,静态资源更新后,浏览器很可能从缓存提取过期的静态文件

  •     自己写的 CSS/JS 要手工 minify,非常麻烦

  •     零碎的 CSS/JS 小文件太多

  •     CSS/JS minified 之后,开发环境下调试起来很不方便

django-pipeline 通过静态资源版本化、自动 minify、分组合并 CSS/JS 文件、兼容 django-staticfiles URL 规则以及collectstatic 命令。
slimit / jsmin

图个省心,我通常使用 jsmin/cssmin 这两个 Python minifier:

   

PIPELINE_JS_COMPRESSOR = 'pipeline.compressors.jsmin.JSMinCompressor'
 PIPELINE_CSS_COMPRESSOR = 'pipeline.compressors.cssmin.CssminCompressor'

但是 jsmin 年久失修,实际使用结论是:jsmin 是有 bug 的,jQuery 开发库用 jsmin minify 后被破坏,压根无法正常工作。但是 jQuery 官方 minify 之后的 JS 文件再用 jsmin minify 之后却没有问题。

虽然有规避方案,但始终对 jsmin 不放心,索性改用 slimit,暂时还没发现 JS 被破坏的问题。

django-pipeline 未提供对 slimit 的支持,不过 pipeline 的扩展性还不错,写一个 slimit 扩展也是分钟的事情:

  

from __future__ import absolute_import
from pipeline.compilers import CompilerBase
class SlimItCompiler(CompilerBase):
   """
  JS compressor based on the Python library slimit
  (http://pypi.python.org/pypi/slimit/).
  """
   def compress_js(self, js):
     from slimit import minify
     return minify(js)

将以上代码保存成 slimit 文件,扔在项目中的某个包目录下即可,再修改 settings:

   

PIPELINE_JS_COMPRESSOR = 'lib.slimit.SlimItCompiler'

UnicodeDecodeError: 'ascii' codec can't decode byte 问题

启用 django-pipeline 后,执行 manage.py collectstatic 如果碰到下面的错误提示:

     

File ".../ENV/local/lib/python2.7/site-packages/django/contrib/staticfiles/storage.py", line 226, in post_process
   content = pattern.sub(converter, content)
 UnicodeDecodeError: 'ascii' codec can't decode byte 0xef in position 0: ordinal not in range(128)

八成是因为 CSS 文件中含有中文或其它非拉丁文字。我在使用 @font-face 图标文字时碰到了这个问题,这是 django staticfiles 包的一个 bug,解决方法是修改 /django/contrib/staticfiles/storage.py 文件,把出错的那行代码:

   

content = original_file.read()

替换成:

  

content = original_file.read().decode('utf-8')

用这个方法的前提是:你的 CSS 文件必须保证 utf-8 编码,否则依然会出错。

PS,给 Django 项目提交了一个 bug 报告:https://code.djangoproject.com/ticket/18430

标签:Python
0
投稿

猜你喜欢

  • 如何实现固定长度的自动编号?

    2010-06-03 10:08:00
  • OpenCV3.3+Python3.6实现图片高斯模糊

    2023-12-29 23:09:48
  • C语言实现访问及查询MySQL数据库的方法

    2024-01-12 18:01:31
  • Go语言实战之实现一个简单分布式系统

    2024-05-05 09:33:56
  • ASP.NET连接SQL数据库的简单实例代码

    2024-01-26 06:54:27
  • Python字符串处理实现单词反转

    2021-01-30 19:19:01
  • Python实现按中文排序的方法示例

    2023-11-29 15:19:22
  • Node.js中文件操作模块File System的详细介绍

    2024-05-13 10:04:47
  • pytorch torchvision.ImageFolder的用法介绍

    2023-05-29 17:20:49
  • Python实现图像去噪方式(中值去噪和均值去噪)

    2023-04-15 15:38:13
  • 使用python写一个自动浏览文章的脚本实例

    2023-11-10 10:52:52
  • JAVA/JSP学习系列之一

    2023-06-19 16:44:14
  • mysql学习笔记之表的基本操作

    2024-01-20 03:11:16
  • PHP实现图片上传并压缩

    2024-05-22 10:06:09
  • python人工智能自定义求导tf_diffs详解

    2023-06-11 13:31:51
  • Javascript: 为<input>设置readOnly属性问题,希望大家以后要小心

    2009-07-23 20:24:00
  • python matplotlib画图实例代码分享

    2022-06-12 23:12:21
  • ORACLE 回收站当前状态查询整理

    2023-07-14 09:23:01
  • IE地址栏显示网站图标制作方法

    2007-10-13 11:08:00
  • JavaScript实现图片自动加载的瀑布流效果

    2024-06-05 09:13:43
  • asp之家 网络编程 m.aspxhome.com