Question

我正在尝试使用Flask-Scss在我的烧瓶应用中编译scss文件。这是我的应用程序：

from flask import Flask, jsonify, render_template, request
from flask_scss import Scss
app = Flask(__name__)
app.debug = True
Scss(app, static_dir='static', asset_dir='assets/scss/')

@app.route('/')
def index():
    return render_template('index.html')

if __name__ == '__main__':
    app.run(debug=True)

此文件位于一个目录中，该目录还包含static目录和assets目录。此外，assets包含scss目录，该目录包含文件test.scss。当我运行应用程序时，我看不到static内部创建的任何css文件。有人可以告诉我我做错了吗？

Answer 1

您必须放置绝对路径才能使其正常工作。假设您的结构是app / init .py，那么这应该是您的代码：

Scss(app, static_dir='app/static', asset_dir='app/assets/scss')

注意：不要忘记重新加载页面以进行编译。如果不重新加载页面，则scss文件将不会编译为css。

Answer 2

我推荐使用 libsass，它适用于 Sass 和 SCSS 文件。在您 import sass 之后，只需使用带有 dirname 关键字参数的 compile 函数，如下所示：

sass.compile(dirname=('path/to/source', 'path/to/target'))

您还可以选择设置输出样式，例如：

sass.compile(dirname=('path/to/source', 'path/to/target'), output_style='compressed')

如果您想在每次编辑时查看文件或目录以进行自动编译，请使用 boussole。

Flask_Scss没有在简单的应用程序中编译scss文件

2 个答案: