与瓶资产

Question

安装凉亭的部件我正在修改cookiecutter瓶的应用程序。我目前正在试图添加一个日期选择器到一个页面。我找到了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/，其中讨论了使用凉亭和瓶资产但从给出的例子，我不知道如何构建“CSS”和“JS”的变量，因为凉亭的部件包括CSS，和JS组件，例如：

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

Answer 1

Bower中的每个组件都有不同的文件排列方式;您只需找到需要包含的资源并将其分别包含在您的包中。

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