首页 / JAVASCRIPT / Django的js/css压缩组件DjangoCompressor

Django的js/css压缩组件DjangoCompressor

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Django的js/css压缩组件DjangoCompressor，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1612字，纯文字阅读大概需要3分钟。

内容图文

为了加快网站的加载速度，我们通常要多js和css进行压缩处理。这些js和css的压缩工作如果都手动处理，费时费力。

Django Compressor 可以实现js/css的自动压缩。Django Compressor在易用性方面做的非常好，按照 文档 做简单的设置后就可以正常工作。强烈建议大家去将文档完整的看一遍（文档很短）。

使用的时候，只需要将css/js放到 compress 标签中 Django Compressor 即可自动进行处理。在debug模式时， Django Compressor 不会对做任何处理。在非debug模式时，Django Compressor会自动对js/css进行压缩，并将压缩后的问题输出到django的 STATIC_ROOT 目录。所以请务必保证 STATIC_ROOT 目录进行了正确的设置。

{% load compress %}
{% compress <js/css> [<file/inline> [block_name]] %}
<html of inline or linked JS/CSS>
{% endcompress %}

{% compress css %}
<link rel="stylesheet" href="http://www.php1.cn/"> {% endcompress %}

coffeescript、less 支持

在开发阶段coffeescript和less可以直接使用js来处理，在正式发布时处于加载速度的考虑需要预先编译成js和css。 Django Compressor 提供 COMPRESS_PRECOMPILERS 设置，根据type类型进行预处理。

COMPRESS_PRECOMPILERS = (
('text/coffeescript', 'coffee --compile --stdio'),
('text/less', 'lessc {infile} {outfile}'),
('text/x-sass', 'sass {infile} {outfile}'),
('text/x-scss', 'sass --scss {infile} {outfile}'),
)

为可以在开发阶段正常使用coffeescript和less，在开发阶段需要引入对应的js文件，同时需要在非开发环境自动关闭。遗憾的是Django Compressor并没有提供相关的设置。为此我写了个在模板中获取django settings设置的tagget_setting。该tag包含在我的另一个项目 django-helper 中。

{% get_setting "COMPRESS_ENABLED" "" "COMPRESS_ENABLED" %}
{% if not COMPRESS_ENABLED %}
<script src="{{STATIC_URL}}js/coffee-script.js"></script>
{% endif %}

内容总结

以上是互联网集市为您收集整理的Django的js/css压缩组件DjangoCompressor全部内容，希望文章能够帮你解决Django的js/css压缩组件DjangoCompressor所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/304816.html

来源：【匿名】