Use GOV.UK Frontend ES modules snippet in Nunjucks previews

alphagov · Jul 20, 2023 · 01e4589 · 01e4589
1 parent e2f5131
commit 01e4589
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/src/styles/page-template/custom/code.njk b/src/styles/page-template/custom/code.njk
@@ -147,5 +147,9 @@ ignoreInSitemap: true
 {% endblock %}
 
 {% block bodyEnd %}
-  <script src="/govuk-frontend/all.js"></script>
+  <script type="module" src="/javascripts/govuk-frontend.min.js"></script>
+  <script type="module">
+    import { initAll } from '/javascripts/govuk-frontend.min.js'
+    initAll()
+  </script>
 {% endblock %}
diff --git a/src/styles/page-template/default/code.njk b/src/styles/page-template/default/code.njk
@@ -15,6 +15,9 @@ ignoreInSitemap: true
 
 {% block bodyEnd %}
   {# Run JavaScript at end of the <body>, to avoid blocking the initial render. #}
-  <script src="/govuk-frontend/all.js"></script>
-  <script>window.GOVUKFrontend.initAll()</script>
+  <script type="module" src="/javascripts/govuk-frontend.min.js"></script>
+  <script type="module">
+    import { initAll } from '/javascripts/govuk-frontend.min.js'
+    initAll()
+  </script>
 {% endblock %}