今天尝试了django_conpressor,一个在django框架中压缩css和js的插件,灰常有用

我把它加载在我的base的HTML template中,原来未经压缩的css和js是:

  1. <link rel="stylesheet" href = "include/style.css" type="text/css">
  2. <link rel="stylesheet" href = "include/demo_page.css" type="text/css">
  3. <link rel="stylesheet" href = "include/demo_table.css" type="text/css">
  4. <script type="text/javascript" src="include/CloudTesting.js"></script>
  5. <script src='include/jquery.min.js' type='text/javascript'></script>
  6. <script type='text/javascript' src='include/jquery.dataTables.js'></script>

压缩后会变成:

  1. <link rel="stylesheet" href="include/CACHE/css/31b7bf7183d6.css" type="text/css" />
  2. <script type="text/javascript" src="include/CACHE/js/3b54f0a1ee64.js"></script>

具体的做法:

详细的参见官方说明:http://django_compressor.readthedocs.org/en/latest/quickstart/

自己整理的关键步骤:

1. 安装:

pip install django_compressor

2. 添加到setting.py中:

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

3. 在settings.朋友中加入一些必要的配置:

COMPRESS_ROOT = 'Templates/include/'
COMPRESS_URL = 'include/'
COMPRESS_ENABLED = True

4. 使用起来很方便:

  1. {% load compress %}
  2. {% compress css %}
  3. <link rel="stylesheet" href = "include/style.css" type="text/css">
  4. <link rel="stylesheet" href = "include/demo_page.css" type="text/css">
  5. <link rel="stylesheet" href = "include/demo_table.css" type="text/css">
  6. {% endcompress %}
  7. {% compress js %}
  8. <script type="text/javascript" src="include/CloudTesting.js"></script>
  9. <script src='include/jquery.min.js' type='text/javascript'></script>
  10. <script type='text/javascript' src='include/jquery.dataTables.js'></script>
  11. {% endcompress %}

一切搞定了,运行起来就是压缩后的效果了

注意:

COMPRESS_URL一定要以“/”结尾,否则会报“django.core.exceptions.ImproperlyConfigured: URL settings (e.g. COMPRESS_URL) mu
st have a trailing slash”这样的错

转自: http://blog.csdn.net/quicktest/article/details/7995715?utm_source=tuicool

最新文章

  1. 无法启动xwindow
  2. Vim 的 tab 设置
  3. 推荐近期15个 Node.js 开发工具
  4. iOS-打开word、ppt、pdf、execl文档方式
  5. [JS4] 最简单JS框架
  6. sublime3+wamp配置php,(无需配环境变量)
  7. HttpRequest重写,解决资源战胜/链接超时/分块下载事件通知 问题。
  8. CF#310 d2
  9. Html - 幽灵键盘
  10. ssh 配置自动登录
  11. hi,mongo!(1)
  12. [MySQL]--&amp;gt;查询5天之内过生日的同事中的闰年2月29日问题的解决过程
  13. CSS实现导航条Tab切换的三种方法
  14. 476. Number Complement
  15. 搭建内网的NTP时间服务器
  16. 阿里云CentOS安装PostgreSQL
  17. jenkins 关闭和重启的实现
  18. BaseDao优化
  19. mongoose的基本操作方法
  20. Maven核心简析

热门文章

  1. winform之权限判断小技巧
  2. poj1679 次小生成树
  3. 【URAL 1917】Titan Ruins: Deadly Accuracy(DP)
  4. BZOJ-1875 HH去散步 DP+矩阵乘法快速幂
  5. sqlserver字段类型详解
  6. [NOIP2008] 提高组 洛谷P1006 传纸条
  7. RONOJ 6今明的预算方案(有依赖的背包)
  8. boost解析json(2)
  9. 初学JDBC,最简单示例
  10. C语言转换大小写