Serve CSS with version hash

.gitignore

@@ -5,3 +5,5 @@ data/diffs.db
 *.pyc
 node_modules
 .env
+/view/static/dist
+.webassets-cache

view/app.py

@@ -3,6 +3,7 @@
 import sqlite3
 from flask import Flask, make_response, request, render_template, g, send_from_directory
 from flask_paginate import Pagination, get_page_parameter
+from flask_assets import Environment
 import confuse
 import re
 
@@ -15,6 +16,9 @@ config.set_file(CONFIG_FILE)
 
 
 app = Flask(__name__)
+assets = Environment(app)
+assets.register("css", "main.css", output="dist/main.%(version)s.css")
+assets.url_expire = False
 
 
 def get_db():

view/requirements.txt

@@ -1,3 +1,4 @@
 flask
 flask-paginate
-confuse
+confuse
+Flask-Assets

view/templates/base.html

@@ -4,10 +4,9 @@
 		<meta charset="utf-8" />
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
 		<title>Headline</title>
-		<link
+		{% assets "css" %}
-			rel="stylesheet"
+		<link rel="stylesheet" href="{{ ASSET_URL }}" />
-			href="{{ url_for('static', filename='main.css') }}"
+		{% endassets %}
-		/>
 		<link rel="icon" type="image/png" href="/static/icon-32.png" sizes="32x32" />
 		<link rel="icon" type="image/svg+xml" href="/static/icon.svg" />
 		<link rel="apple-touch-icon" href="/static/icon-180.png" />