move lazysizes JS entrypoint over to vite

sciencehistory · Oct 13, 2022 · d3ac9d5 · d3ac9d5
1 parent a3c0c6c
commit d3ac9d5
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 3 deletions.
diff --git a/app/frontend/entrypoints/lazysizes.js b/app/frontend/entrypoints/lazysizes.js
@@ -0,0 +1,7 @@
+// A SEPARATE JS entrypoint file with JUST lazysizes. While may load our other JS
+// as 'deferred' or at bottom of page, lazysizes recommends loading early.
+//
+// https://github.com/aFarkas/lazysizes#include-early
+
+import 'lazysizes';
+lazySizes.init();
diff --git a/app/views/layouts/admin.html.erb b/app/views/layouts/admin.html.erb
@@ -30,8 +30,8 @@
 
     <%= render "layouts/head_tag_common" %>
 
-    <%# lazysizes gets it's own "pack", loaded early without 'defer', per lazysizes doc suggestion %>
-    <%= javascript_pack_tag 'lazysizes' %>
+    <%# lazysizes gets it's own entrypoint, loaded early without 'defer', per lazysizes doc suggestion %>
+    <%= vite_javascript_tag 'lazysizes' %>
 
     <%# sprockets 'application' js and css %>
     <%= stylesheet_link_tag    'application', media: 'all' %>

diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
@@ -35,7 +35,7 @@
     <%= render "layouts/head_tag_common" %>
 
     <%# goes first and separate per lazysizes docs %>
-    <%= javascript_pack_tag 'lazysizes' %>
+    <%= vite_javascript_tag 'lazysizes' %>
 
     <%= stylesheet_link_tag "application", media: "all" %>