css - django 模板中的内联 CSS 文件

Question

是否可以在 django 模板中内联首屏/关键 css 文件？

我在想这样的事情:

<style>{% inline "css/home.above.css" %}</style>


这会导致:

<style>html {...} body {...} {content of the css file}</style>


但是我还没有找到这方面的任何资源。

Answer 1

为了扩展我的评论，这是将 CSS 文件传递​​到模板上下文的方式。

def my_view(request):
    with open('../path/to/style.css') as infile:
        css = infile.read()
        # if you want to remove newlines, uncomment the next line
        # css = css.replace('\n', '')
        # if you want to remove tabs, uncomment the next line
        # css = css.replace('\t, '')

    return render(request, 'template.html', {'css': css})

然后，在您的模板中，您可以使用 {{ css }} 访问整个 CSS 文件。

---

注意: 与其手动从 CSS 中删除换行符和制表符，我认为最好使用 CSS 压缩器。例如，如果您使用 4 个空格而不是制表符，那么这些额外的空格将不会被删除。

这个库看起来不错 - csscompressor .