3

我尝试按照Flask_Assets 文档中的说明让 autoprefixer 过滤器与 flask_assets 一起使用，但它似乎没有应用过滤器。这是我的代码：

# construct flask app object
from flask import Flask, render_template_string
flask_args = { 'import_name': __name__ }
flask_app = Flask(**flask_args)

from flask_assets import Environment, Bundle
assets = Environment(flask_app)
assets.config['AUTOPREFIXER_BIN'] = 'postcss'
assets.config['AUTOPREFIXER_BROWSERS'] = [ '> 1%' ]
css_min = Bundle('../styles/mycss.css', filters='autoprefixer', output='styles/test.css')
assets.register('css_assets', css_min)

@flask_app.route('/')
def landing_page():
    html = '<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">\
            <head>{% assets "css_assets" %}\
            <link rel="stylesheet" href="{{ ASSET_URL }}" type="text/css">\
            {% endassets %}\
            <title>Hello</title>\
            </head>\
            <h1>Hello World</h1>\
            <p>Just a test of flask</p>'
    return render_template_string(html), 200

if __name__ == '__main__':
    flask_app.run(host='0.0.0.0', port=5000)

我已经能够成功应用 cssmin、pyscss、uglifyjs 和 jsmin 过滤器。我还可以在命令行上运行 autoprefixer 以成功编译转换后的输出：

postcss --use autoprefixer --autoprefixer.browsers "> 1%" -o test.css mycss.css

但是，当尝试通过 flask_assets 注册运行 autoprefixer 时，该过程既不会引发错误，也不会花费所需的时间来编译。它确实生成了输出文件，但是当我检查结果文件时，没有应用任何前缀。

更新：每当尝试为任何过滤器配置选项时，似乎都会出现此问题。我无法让 uglifyjs 接受“UGLIFYJS_EXTRA_ARGS”，也无法让 pyscss 过滤器采用使用“PYSCSS​​_STYLE”的新样式。我尝试使用 os.environ['AUTOPREFIXER_BIN'] 将这些配置设置为环境变量，并尝试通过 flask.config['AUTOPREFIXER_BIN'] 传递它们。但是在运行过滤器时没有应用任何配置设置。我也不清楚代码本身的配置选项是由 Bundle 还是 Environment 构建的。

一个 SO 帖子声称已经找到了一种使配置设置起作用的方法，但该帖子没有显示如何设置 flask_assets 以获取这些选项的整个工作流程。

也许有人可以帮助我理解我做错了什么？

4

1 回答 1

3

自动前缀：

您的代码1没有任何问题。您只是没有为最新版本的Autoprefixer使用正确的过滤器。如果您查看该链接中的发布历史，从6.0.0版本开始，它开始使用。您的代码适用于 6.0.0 之前的版本。

Webassets通过提供过滤器为6.0.0（含）之后的版本提供了支持。autoprefixer6

因此，您所要做的就是在初始化捆绑包时更改过滤器，如下所示：

css_min = Bundle('../styles/mycss.css', filters='autoprefixer6', output='styles/test.css')

其他过滤器的配置：

不要使用os.environ，这不是为 Flask 和设置配置变量的方法。为扩展设置配置的最常见（也是首选）方法是使用烧瓶配置本身，在大型项目中，这是使用单独的配置文件完成的。扩展将从烧瓶的配置中获取其配置选项。

根据您使用的扩展程序，您还可以像以前一样单独设置配置，但从我目前所见的情况来看，这种配置很少使用。

请查看 Flask 的配置相关文档以获取有关如何“正确”设置应用程序配置的一些很好的示例。

from flask import Flask, render_template_string
from flask_assets import Environment, Bundle

# construct flask app object
flask_args = {'import_name': __name__}
flask_app = Flask(**flask_args)

assets = Environment(flask_app)
# specify the bin path (optional), required only if not globally installed 
assets.config['AUTOPREFIXER_BIN'] = 'path/to/postcss'
assets.config['AUTOPREFIXER_BROWSERS'] = ['> 1%', ]
# use the autoprefixer6 updated filter
css_min = Bundle('../styles/mycss.css', filters='autoprefixer6',
                 output='styles/test.css')
assets.register('css_assets', css_min)


@flask_app.route('/')
def landing_page():
    html = '<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">\
            <head>{% assets "css_assets" %}\
            <link rel="stylesheet" href="{{ ASSET_URL }}" type="text/css">\
            {% endassets %}\
            <title>Hello</title>\
            </head>\
            <h1>Hello World</h1>\
            <p>Just a test of flask</p>'
    return render_template_string(html), 200


if __name__ == '__main__':
    flask_app.run(host='0.0.0.0', port=5000)

记得清理之前生成的文件，如果源 css/js 没有改变，即删除输出文件和.webassets-cache文件夹。

1代码样式和格式约定除外！

于 2017-03-10T10:19:01.983 回答