Always generate the vue.js chunk 'chunk-common' regardless of size

edivorce/apps/core/storage.py

@@ -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

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' %}"/>

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' %}"/>

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',

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
+      }
+    }
   }
 }