0

在此处输入图像描述

我正在修改一个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的路径，还是有更简单的方法？

4

1 回答 1

1

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

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

于 2016-03-16T23:01:01.110 回答