/ / Installation de composants Bower avec Flask-assets - Python, Flask, Bower, Flask-assets

Installation de composants Bower avec Flask-assets - Python, Flask, Bower, Flask-assets

entrer la description de l'image ici

Je travaille pour modifier un cuisinier App Flask. Je suis actuellement en train d’ajouter un datepicker à une page. J’ai trouvé https://eonasdan.github.io/bootstrap-datetimepicker/. Ce cookiecutter utilise flask-assets pour gérer les actifs du projet.

Dans cette application, il y a un fichier assets.py qui contient:

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)

J'ai trouvé un article, https://adambard.com/blog/fresh-flask-setup/ , qui traite de l'utilisation de la tonnelle et des flasquesmais à partir des exemples donnés, je ne suis pas sûr de savoir comment structurer les variables "css" et "js", car les composants de bower incluent les composants css et js, par exemple:

entrer la description de l'image ici

et j'ai aussi un dossier statique préexistant dont j'ai besoin. Dois-je ajouter le chemin de chaque composant js, css, sass, less ou existe-t-il un moyen plus simple?

Réponses:

1 pour la réponse № 1

Chaque composant de Bower a un arrangement de fichiers différent; vous devrez simplement trouver les ressources que vous devez inclure et les inclure individuellement dans votre lot.

Vous ne devriez pas avoir besoin d'inclure CSS, Sass et moinsdes dossiers; seuls les fichiers css construits devraient suffire. Dans la capture d'écran que vous avez incluse, je suppose que le dossier de construction contient les fichiers .js et .css de votre choix.