使用 Flask-assets 安装 Bower 组件

Question

我正在努力修改 cookiecutter Flask app. I'm currently trying to add a datepicker to a page. I've found https://eonasdan.github.io/bootstrap-datetimepicker/。这个 cookiecutter 使用 flask-assets 来管理项目资产。

在此应用程序中有一个 assets.py 文件，其中包含：

from flask_assets import Bundle, Environment

# skinning go to https://bootswatch.com/ add to libs/bootstrap/dist/css/

css = Bundle(
    "libs/bootstrap/dist/css/spacelab/bootstrap.css",
    "css/style.css",
    "css/home.css",
    # "css/style.css",
    filters="cssmin",
    output="public/css/common.css"
)

js = Bundle(
    "libs/jQuery/dist/jquery.js",
    "libs/bootstrap/dist/js/bootstrap.js",
    "js/plugins.js",
    filters='jsmin',
    output="public/js/common.js"
)

assets = Environment()

assets.register("js_all", js)
assets.register("css_all", css)

我找到了一篇文章 https://adambard.com/blog/fresh-flask-setup/ ，其中讨论了使用 bower 和 flask-assets 但从给出的示例来看，我不确定如何构建 'css' 和 'js'变量，因为bower组件包括css和js组件，eg:

而且我还有一个我需要的预先存在的静态文件夹。是不是每个组件js的路径都要加上，css, sass, less, 还是有更简单的方法？

Answer 1

Bower 中的每个组件都有不同的文件排列；您只需要找到您需要包含的资源并将它们单独包含在您的包中。

您不需要包含 css、sass 和更少的文件；只需构建 css 文件即可。在您包含的屏幕截图中，我猜构建文件夹包含您想要的 .js 和 .css 文件。

使用 Flask-assets 安装 Bower 组件

Installing bower components with Flask-assets

python

flask

bower

flask-assets