使用 Flask-assets 安装 bower 组件

Question

我正在修改cookiecutter Flask 应用程序。我目前正在尝试将日期选择器添加到页面。我找到了https://eonasdan.github.io/bootstrap-datetimepicker/。这个 cookiecutter 使用烧瓶资产来管理项目资产。

在这个应用程序中有一个 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 组件，例如：

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

Answer 1

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

您不需要包含 css、sass 和 less 文件；只是构建的 css 文件应该做。在您包含的屏幕截图中，我猜想构建文件夹包含您想要的 .js 和 .css 文件。