Inline SVG
Having the SVG files loaded as a separate package significantly
increases the load time of the UI, as it forces the images to be
downloaded AFTER the page has loaded.
This commit adds the vue-svg-inline-loader, and appropriate config such
that the styles can be inlined, and a second trip to the BMC is not
required to load the login screen. This improves the "time to glass" of
the webui quite a bit.
Tested: Webui loads. Network tab shows svg files are not loaded. Webui
login page looks correct.
First load of the webui renders 500ms faster (1.9s vs 1.4s)
Change-Id: Iebcd9ab5df6edad0a1a5c53c028eccd2fda8f63c
Signed-off-by: Ed Tanous <ed@tanous.net>
diff --git a/package.json b/package.json
index efdb808..18f3ade 100644
--- a/package.json
+++ b/package.json
@@ -56,6 +56,7 @@
"sass-loader": "8.0.0",
"vue-cli-plugin-i18n": "0.6.1",
"vue-server-renderer": "2.7.16",
+ "vue-svg-inline-loader": "2.1.5",
"vue-template-compiler": "2.6.12",
"vuepress": "1.8.2",
"yorkie": "2.0.0"