2016-03-14 113 views
0

enter image description here與瓶資產

安裝涼亭的部件我正在修改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組件,例如:

enter image description here

,我也有一個已經存在的靜態文件夾,這是我需要的。我是否需要添加每個組件的路徑js,css,sass,less,還是有更簡單的方法?

回答

1

Bower中的每個組件都有不同的文件排列方式;您只需找到需要包含的資源並將其分別包含在您的包中。

您不應該需要包含css,sass和更少的文件;只是建立的CSS文件應該做的。在你包含的截圖中,我猜想build文件夾包含你想要的.js和.css文件。

+0

不確定是否介意跟進 - http://stackoverflow.com/questions/36072591/runtimeerror-assets-instance-not-bound-to-an-application-and-no-application-in – user61629