Add styles for mobile viewports.

flask_assets_tutorial/__init__.py

@@ -8,15 +8,14 @@ def create_app():
     app = Flask(__name__, instance_relative_config=False)
     app.config.from_object("config.Config")
     assets = Environment()
-    assets.init_app(app)
 
     # Initialize plugins
     assets.init_app(app)
 
     with app.app_context():
         # Import parts of our flask_assets_tutorial
         from .admin import routes as admin_routes
-        from .assets import compile_static_assets, compile_stylesheet_bundles
+        from .assets import compile_js_assets, compile_stylesheet_bundles
         from .main import routes as main_routes
 
         # Register Blueprints
@@ -25,6 +24,6 @@ def create_app():
 
         # Compile static assets
         compile_stylesheet_bundles(assets)
-        compile_static_assets(assets)
+        compile_js_assets(assets)
 
         return app

flask_assets_tutorial/assets.py

@@ -35,7 +35,7 @@ def compile_stylesheet_bundles(assets: Environment) -> Environment:
     return assets
 
 
-def compile_static_assets(assets: Environment) -> Environment:
+def compile_js_assets(assets: Environment) -> Environment:
     """
     Create minified JS bundles from raw Javascript files.
 
@@ -45,6 +45,6 @@ def compile_static_assets(assets: Environment) -> Environment:
     """
     main_js_bundle = Bundle("src/js/main.js", filters="jsmin", output="dist/js/main.min.js")  # Main JavaScript Bundle
     assets.register("main_js", main_js_bundle)
-    if app.config["ENVIRONMENT"] != "production":
+    if app.config["ENVIRONMENT"] == "development":
         main_js_bundle.build()
     return assets