Extract OpenLayers mapping JS & CSS into separate bundle

thekid · Sep 29, 2024 · 4a6a9e1 · 4a6a9e1
1 parent 293786e
commit 4a6a9e1
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 1 deletion.
diff --git a/package.json b/package.json
@@ -4,9 +4,11 @@
   },
   "bundles": {
     "vendor": {
-      "ol": "ol.css | dist/ol.js",
       "fonts://display=swap": "Barlow",
       ".": "src/main/js/*.js"
+    },
+    "mapping": {
+      "ol": "ol.css | dist/ol.js"
     }
   }
 }
diff --git a/src/main/handlebars/content.handlebars b/src/main/handlebars/content.handlebars
@@ -4,6 +4,7 @@ parent: feed
 {{#> layout}}
   {{#*inline "title"}}{{item.title}}{{/inline}}
   {{#*inline "meta"}}
+    <link rel="stylesheet" type="text/css" href="/assets/{{asset 'mapping.css'}}">
     <meta property="og:url" content="{{request.uri}}">
     <meta property="og:type" content="article">
     <meta property="og:title" content="{{item.title}} - Dialog">
@@ -38,6 +39,7 @@ parent: feed
     </section>
   {{/inline}}
   {{#*inline "scripts"}}
+    <script src="/assets/{{asset 'mapping.js'}}" defer></script>
     <script type="module">
       {{&use 'mapping'}}
       const mapping = new Mapping('/static/marker.png');

diff --git a/src/main/handlebars/journey.handlebars b/src/main/handlebars/journey.handlebars
@@ -4,6 +4,7 @@ parent: feed
 {{#> layout}}
   {{#*inline "title"}}{{journey.title}}{{/inline}}
   {{#*inline "meta"}}
+    <link rel="stylesheet" type="text/css" href="/assets/{{asset 'mapping.css'}}">
     <meta property="og:url" content="{{request.uri}}">
     <meta property="og:type" content="article">
     <meta property="og:title" content="{{journey.title}} - Dialog">
@@ -78,6 +79,7 @@ parent: feed
     {{/with}}
   {{/inline}}
   {{#*inline "scripts"}}
+    <script src="/assets/{{asset 'mapping.js'}}" defer></script>
     <script type="module">
       {{&use 'mapping'}}
       const mapping = new Mapping('/static/marker.png');

diff --git a/src/main/handlebars/journeys.handlebars b/src/main/handlebars/journeys.handlebars
@@ -1,6 +1,7 @@
 {{#> layout}}
   {{#*inline "title"}}Reisen{{/inline}}
   {{#*inline "meta"}}
+    <link rel="stylesheet" type="text/css" href="/assets/{{asset 'mapping.css'}}">
     <meta property="og:url" content="{{request.uri}}">
     <meta property="og:type" content="website">
     <meta property="og:title" content="Reisen - Dialog">
@@ -28,6 +29,7 @@
     </div>
   {{/inline}}
   {{#*inline "scripts"}}
+    <script src="/assets/{{asset 'mapping.js'}}" defer></script>
     <script type="module">
       {{&use 'mapping'}}
       const mapping = new Mapping('/static/marker.png');