Updated to be it's own module

canonical · Aug 14, 2019 · 810a2c3 · 810a2c3
1 parent b516a86
commit 810a2c3
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 6 deletions.
diff --git a/static/js/base/base.js b/static/js/base/base.js
@@ -2,9 +2,3 @@ import "./polyfills";
 import "./dropdown-menu-toggle";
 import "./notification-dismiss";
 import "./ga";
-
-import { createNav } from "@canonical/global-nav";
-createNav({
-  maxWidth: "72rem",
-  showLogins: false
-});
diff --git a/static/js/base/global-nav.js b/static/js/base/global-nav.js
@@ -0,0 +1,5 @@
+import { createNav } from "@canonical/global-nav";
+createNav({
+  maxWidth: "72rem",
+  showLogins: false
+});
diff --git a/templates/_layout.html b/templates/_layout.html
@@ -54,6 +54,9 @@
     <!-- End Google Tag Manager (noscript) -->
 
     {% block header %}
+    <!-- JS that is needed right away -->
+    <script src="{{ static_url('js/dist/global-nav.js') }}"></script>
+
     {% include "_header.html" %}
     {% endblock %}
 

diff --git a/webpack.config.js b/webpack.config.js
@@ -15,6 +15,7 @@ const plugins = production
 
 module.exports = {
   entry: {
+    "global-nav": "./static/js/base/global-nav.js",
     base: "./static/js/base/base.js",
     release: "./static/js/publisher/release.js",
     public: "./static/js/public/public.js",