2

我希望在我的基于 Jinja2 的 Python 项目中为 Google App 引擎压缩 JS 和 CSS。我已经安装了 django-pipeline,并将其添加到我的项目路径中。

有些文档对我来说不是很清楚。特别是 Jinja2 的用法。

对于 Django 模板,在 base.html示例中,插入:

{% load compressed %}
{% compressed_css 'colors' %}
{% compressed_js 'stats' %}

我假设 Jina2 的等价物类似于

{{ compressed_css("main") }}
{{ compressed_js("main") }}

但这给出了 UndefinedError: 'compressed_css' is undefined

我的问题是 如何在 Jinja2 中加载“压缩”模板?这与 Django 不同,我找不到示例。

文档还说

为了使用 Django Compressor 的 Jinja2 扩展,我们需要将compressor.contrib.jinja2ext.CompressorExtension 传递到环境中:

我已经做到了。

import jinja2
from compressor.contrib.jinja2ext import CompressorExtension
env = jinja2.Environment(extensions=[CompressorExtension])

文档还指出

“与 Django 模板标签实现不同,Jinja2 实现使用不同的模板,所以如果你想覆盖它们,请覆盖 pipeline/css.jinja 和 pipeline/js.jinja。”

我不确定我是否需要在这里做任何事情。

我的 settings.py 包含以下语句:

TEMPLATE_LOADERS = (
    'django.template.loaders.filesystem.Loader',
    'django.template.loaders.app_directories.Loader',
#     'django.template.loaders.eggs.Loader',
)

MIDDLEWARE_CLASSES = (
    'django.middleware.common.CommonMiddleware',
    'django.contrib.sessions.middleware.SessionMiddleware',
    'django.middleware.csrf.CsrfViewMiddleware',
    'django.contrib.auth.middleware.AuthenticationMiddleware',
    'django.contrib.messages.middleware.MessageMiddleware',

    # Uncomment the next line for simple clickjacking protection:
    # 'django.middleware.clickjacking.XFrameOptionsMiddleware',
)

ROOT_URLCONF = '{{ project_name }}.urls'

# Python dotted path to the WSGI application used by Django's runserver.
WSGI_APPLICATION = '{{ project_name }}.wsgi.application'

TEMPLATE_DIRS = (
    os.path.join(PROJECT_PATH, "templates"),
    os.path.join(PROJECT_PATH, "templates/includes")
)

INSTALLED_APPS = (
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.sites',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'rest_framework_swagger',
    'django_jinja.contrib._pipeline',
    # Uncomment the next line to enable the admin:
    # 'django.contrib.admin',
    # Uncomment the next line to enable admin documentation:
    # 'django.contrib.admindocs',
)


SESSION_SERIALIZER = 'django.contrib.sessions.serializers.JSONSerializer'

LOGGING = {
    'version': 1,
    'disable_existing_loggers': False,
    'filters': {
        'require_debug_false': {
            '()': 'django.utils.log.RequireDebugFalse'
        }
    },
    'handlers': {
        'mail_admins': {
            'level': 'ERROR',
            'filters': ['require_debug_false'],
            'class': 'django.utils.log.AdminEmailHandler'
        }
    },
    'loggers': {
        'django.request': {
            'handlers': ['mail_admins'],
            'level': 'ERROR',
            'propagate': True,
        },
    }
}

STATICFILES_STORAGE = 'pipeline.storage.PipelineCachedStorage'
STATICFILES_FINDERS = (
    'django.contrib.staticfiles.finders.FileSystemFinder',
    'django.contrib.staticfiles.finders.AppDirectoriesFinder',
    'pipeline.finders.PipelineFinder'
)
PIPELINE_ENABLE = True
PIPELINE_JS_COMPRESSOR = 'pipeline.compressors.closure.ClosureCompressor'
PIPELINE_CLOSURE_BINARY = 'C:\bunjilsrc\tools\minify\minify.bat'
PIPELINE_DISABLE_WRAPPER = True
PIPELINE_ENABLE_GAE_SUPPORT = True

STATIC_ROOT = 'static/'  
STATIC_URL = '/static/'  
MEDIA_ROOT = 'uploads/'  
MEDIA_URL = "/media/"  

PIPELINE_JS = {
    'main': {
        'source_filenames': (
            'js/site.js '
        ),
        'output_filename': 'js/main.js'
    },
    'vendor': {
        'source_filenames': (
            'js/vendor/jquery.js',
        ),
        'output_filename': 'js/vendor.js'
    }
}

PIPELINE_CSS = {
    'main': {
        'source_filenames': (
            'bootstrap.css',
            'site.css'
                ),
        'output_filename': 'css/main.css'
    }
}
4

1 回答 1

0

将描述在本地环境(而不是 GAE)上对我有用的东西。

如果您遵循django-pipeline 官方指南,它指出,您应该添加pipeline.templatetags.ext.PipelineExtension到您的环境中,这对我来说意味着将我的更新settings.py为:

# myproject/settings.py
TEMPLATES = [
    {
    ...
    },
    {
        'BACKEND': 'django.template.backends.jinja2.Jinja2',
        'DIRS': [],
        'APP_DIRS': True,
        'OPTIONS': {
            'environment': 'myproject.jinja2.environment',
            'extensions': ['pipeline.templatetags.ext.PipelineExtension']
        }
    }
]

如何迁移您的模板?对我来说,这很容易,我刚刚{% load pipeline %}从模板顶部删除它就可以了。

于 2015-11-22T17:51:21.920 回答