كيفية إستعمال SCSS في تطبيق فلاسك Flask؟

مكتبة webassets تستخدم لإدارة الملفات الثابتة static files والتي تدعم ضغط وتجميع ملفات css و JavaScript، كما تدعم العمل مع المصرفات compilers مثل CoffeeScript أو Sass (عبر مكتبات مثل pyScss)، ولإستخدامها بشكل سهل مع فلاسك تحتاج إلى إستخدام Flask-Assets بالشكل التالي:

from flask import Flask, render_template
from flask.ext.assets import Environment, Bundle

app = Flask(__name__)

assets = Environment(app)
assets.url = app.static_url_path
scss = Bundle('file1.scss', 'file2.scss', filters='pyscss', output='style.css')
assets.register('scss_all', scss)

ويمكنك إستخدام الملف المنتج style.css في القوالب بالشكل التالي:

{% assets "scss_all" %}
<link rel=stylesheet type=text/css href="{{ ASSET_URL }}">
{% endassets %}

بهذا الشكل سوف يتم ترجمة الملف file1.scss و file2.scss إلى الملف style.css وسوف يتم إضافة الملف إلى القالب من خلال الكود الأخير.