2

cookiecutter Flask アプリの変更に取り組んでいます。私は WIN7 でローカルに作業しています。

以下を含むドキュメント ルートの .bowerrc ファイルを使用して、フロント エンドの依存関係を静的ルートにインストールするように bower をセットアップしました。

{ "directory" : "myflaskapp/static/bower_components" }

この cookiecutter は、flask-assets を使用してプロジェクト アセットを管理します。https://adambard.com/blog/fresh-flask-setup/に従って 、 myflaskapp/assets.py ファイルを変更しました:

from flask_assets import Bundle, Environment
import os

css = Bundle(
    "libs/bootstrap/dist/css/spacelab/bootstrap.css",
    "bower_components/eonasdan-bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.css",
    "css/style.css",
    "css/home.css",
    filters="cssmin",
    output="public/css/common.css"
)

js = Bundle(
    "libs/jQuery/dist/jquery.js",
    "libs/bootstrap/dist/js/bootstrap.js",
    "bower_components/moment/moment.js",
    "bower_components/eonasdan-bootstrap-datetimepicker/build/js/bootstrap-datetimepicker.min.js",
    "js/plugins.js",
    filters='jsmin',
    output="public/js/common.js"
)


assets = Environment()

assets.register("js_all", js)
assets.register("css_all", css)

デバッグ設定は false に設定されています。つまり、アセットを圧縮して縮小する必要があります。

リクエストを送信する前に:

ここに画像の説明を入力

後:

ここに画像の説明を入力

ファイルを static/public/css および static/public/js に入れてはいけません

4

1 に答える 1