perf: enable preload webpack plugin

aeternity · May 24, 2023 · 08816df · 08816df
1 parent af7ab2d
commit 08816df
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 0 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -65,6 +65,7 @@
     "@vue/cli-plugin-unit-jest": "^5.0.8",
     "@vue/cli-service": "^5.0.8",
     "@vue/eslint-config-airbnb": "^7.0.0",
+    "@vue/preload-webpack-plugin": "^2.0.0",
     "@vue/test-utils": "^1.3.5",
     "@vue/vue2-jest": "^27.0.0",
     "babel-jest": "^27.5.1",

diff --git a/vue.config.js b/vue.config.js
@@ -1,6 +1,7 @@
 const path = require('path');
 const webpack = require('webpack');
 const addClassesToSVGElement = require('svgo/plugins/addClassesToSVGElement').fn;
+const PreloadPlugin = require('@vue/preload-webpack-plugin');
 const { version: sdkVersion } = require('./node_modules/@aeternity/aepp-sdk/package.json');
 
 process.env.VUE_APP_VERSION = process.env.npm_package_version;
@@ -82,6 +83,12 @@ module.exports = {
       config.plugins.delete('pwa');
       config.plugins.delete('workbox');
     }
+
+    // TODO: remove after fixing https://github.com/vuejs/vue-cli/issues/7206
+    config.plugin('prefetch').after('html').use(PreloadPlugin, [{
+      rel: 'prefetch',
+      include: 'asyncChunks',
+    }]);
   },
   pwa: {
     workboxPluginMode: 'InjectManifest',