使用Flask资产安装bower组件

Question

我正在努力修改cookiecutter Flask应用。我目前正在尝试向网页添加日期选择器。我找到了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/，其中讨论了使用凉亭和烧瓶资产，但从给出的示例中，我不确定如何构建＆＃39; css＆＃39 ;和＆＃39; js＆＃39;变量，因为凉亭组件包括css和js组件，例如：

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

Answer 1

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

你不应该包含css，sass和更少的文件;只是构建的CSS文件应该做。在您包含的屏幕截图中，我猜想build文件夹包含您想要的.js和.css文件。