From 6fe749458d75c3436d409d5f64c470e09ba4d5cd Mon Sep 17 00:00:00 2001
From: Michael Olund <michaelo@openroad.ca>
Date: Mon, 14 Sep 2020 13:57:53 -0700
Subject: [PATCH] Always generate the vue.js chunk 'chunk-common' regardless of
 size

---
 edivorce/apps/core/storage.py                              | 7 -------
 edivorce/apps/core/templates/dashboard/final_filing.html   | 2 +-
 edivorce/apps/core/templates/dashboard/initial_filing.html | 2 +-
 edivorce/settings/base.py                                  | 2 +-
 vue/vue.config.js                                          | 7 +++++++
 5 files changed, 10 insertions(+), 10 deletions(-)
 delete mode 100644 edivorce/apps/core/storage.py

diff --git a/edivorce/apps/core/storage.py b/edivorce/apps/core/storage.py
deleted file mode 100644
index 693f412e..00000000
--- a/edivorce/apps/core/storage.py
+++ /dev/null
@@ -1,7 +0,0 @@
-from whitenoise.storage import CompressedManifestStaticFilesStorage
-
-
-class WhiteNoiseStaticFilesStorage(CompressedManifestStaticFilesStorage):
-	# Error was occuring becauase vue.js doesn't always output chunk-common.js 
-	# Solution from https://stackoverflow.com/a/51580328/2616170
-    manifest_strict = False
\ No newline at end of file
diff --git a/edivorce/apps/core/templates/dashboard/final_filing.html b/edivorce/apps/core/templates/dashboard/final_filing.html
index fe2578f1..a3ec14b3 100644
--- a/edivorce/apps/core/templates/dashboard/final_filing.html
+++ b/edivorce/apps/core/templates/dashboard/final_filing.html
@@ -56,7 +56,7 @@
 {% endblock %}
 
 {% block extra_css %}
-    <link rel="preload" as="style" href="{% static 'dist/vue/css/finalFiling.css' %}"/>
+    <link rel="stylesheet" type="text/css" href="{% static 'dist/vue/css/chunk-common.css' %}"/>
     <link rel="stylesheet" type="text/css" href="{% static 'dist/vue/css/finalFiling.css' %}"/>
     <link rel="preload" as="script" href="{% static 'dist/vue/js/chunk-vendors.js' %}"/>
     <link rel="preload" as="script" href="{% static 'dist/vue/js/chunk-common.js' %}"/>
diff --git a/edivorce/apps/core/templates/dashboard/initial_filing.html b/edivorce/apps/core/templates/dashboard/initial_filing.html
index 26c4a0a2..828d4e0e 100644
--- a/edivorce/apps/core/templates/dashboard/initial_filing.html
+++ b/edivorce/apps/core/templates/dashboard/initial_filing.html
@@ -61,7 +61,7 @@
 {% endblock %}
 
 {% block extra_css %}
-    <link rel="preload" as="style" href="{% static 'dist/vue/css/initialFiling.css' %}"/>
+    <link rel="stylesheet" type="text/css" href="{% static 'dist/vue/css/chunk-common.css' %}"/>
     <link rel="stylesheet" type="text/css" href="{% static 'dist/vue/css/initialFiling.css' %}"/>
     <link rel="preload" as="script" href="{% static 'dist/vue/js/chunk-vendors.js' %}"/>
     <link rel="preload" as="script" href="{% static 'dist/vue/js/chunk-common.js' %}"/>
diff --git a/edivorce/settings/base.py b/edivorce/settings/base.py
index 642bf23a..c45e6d49 100644
--- a/edivorce/settings/base.py
+++ b/edivorce/settings/base.py
@@ -121,7 +121,7 @@ USE_THOUSANDS_SEPARATOR = True
 STATIC_URL = '/static/'
 STATIC_ROOT = os.path.join(BASE_DIR, 'staticfiles/')
 
-STATICFILES_STORAGE = 'edivorce.apps.core.storage.WhiteNoiseStaticFilesStorage'
+STATICFILES_STORAGE = 'whitenoise.storage.CompressedManifestStaticFilesStorage'
 
 STATICFILES_FINDERS = (
     'django.contrib.staticfiles.finders.FileSystemFinder',
diff --git a/vue/vue.config.js b/vue/vue.config.js
index 1fde3433..5419a9a1 100644
--- a/vue/vue.config.js
+++ b/vue/vue.config.js
@@ -15,5 +15,12 @@ module.exports = {
       filename: 'final-filing.html',
       chunks: ['chunk-vendors', 'chunk-common', 'finalFiling']
     }
+  },
+  configureWebpack: {
+    optimization: {
+      splitChunks: {
+        minSize: 1
+      }
+    }
   }
 }
\ No newline at end of file