Add various performance improvements

This commit is contained in:
2026-02-14 08:44:40 -05:00
parent 3c93910723
commit 1e69b2b57e
12 changed files with 209 additions and 114 deletions

View File

@@ -2,7 +2,6 @@
import Components from "unplugin-vue-components/vite";
import Vue from "@vitejs/plugin-vue";
import Vuetify, { transformAssetUrls } from "vite-plugin-vuetify";
import Fonts from "unplugin-fonts/vite";
// Utilities
import { defineConfig } from "vite";
@@ -14,23 +13,12 @@ export default defineConfig({
Vue({
template: { transformAssetUrls },
}),
// https://github.com/vuetifyjs/vuetify-loader/tree/master/packages/vite-plugin#readme
Vuetify(),
Components(),
Fonts({
fontsource: {
families: [
{
name: "Roboto",
weights: [100, 300, 400, 500, 700, 900],
styles: ["normal", "italic"],
},
],
},
}),
],
optimizeDeps: {
exclude: ["vuetify"],
include: ["axios", "vue-router", "vue-loading-overlay"],
},
define: { "process.env": {} },
resolve: {
@@ -55,4 +43,37 @@ export default defineConfig({
},
},
},
build: {
target: "esnext",
minify: "terser",
terserOptions: {
compress: {
drop_console: true,
},
},
rollupOptions: {
output: {
manualChunks: {
"vuetify": ["vuetify"],
"vendor": ["axios", "dayjs", "vue-router", "vue-loading-overlay"],
},
chunkFileNames: "js/[name].[hash].js",
entryFileNames: "js/[name].[hash].js",
assetFileNames: (assetInfo) => {
const info = assetInfo.name.split(".");
const ext = info[info.length - 1];
if (/png|jpe?g|gif|tiff|bmp|ico/i.test(ext)) {
return `images/[name].[hash][extname]`;
} else if (/woff|woff2|eot|ttf|otf/i.test(ext)) {
return `fonts/[name].[hash][extname]`;
} else if (ext === "css") {
return `css/[name].[hash][extname]`;
}
return `[name].[hash][extname]`;
},
},
},
chunkSizeWarningLimit: 1000,
reportCompressedSize: true,
},
});