vite.config.ts 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. import { defineConfig } from "vite";
  2. import vue from "@vitejs/plugin-vue";
  3. import path from "path";
  4. import { createRequire } from 'module';
  5. const require = createRequire(import.meta.url);
  6. const prerender = require('vite-plugin-prerender');
  7. export default defineConfig(({ mode }) => {
  8. console.log(`🔨 Vite build mode: ${mode}`);
  9. return {
  10. plugins: [
  11. vue(),
  12. prerender({
  13. // REQUIRED: The path to the built app to prerender.
  14. staticDir: path.join(__dirname, 'dist'),
  15. // The routes to render.
  16. routes: [
  17. '/',
  18. '/en/', '/me/', '/ru/', '/ua/',
  19. '/en/portfolio', '/me/portfolio', '/ru/portfolio', '/ua/portfolio',
  20. '/en/about', '/me/about', '/ru/about', '/ua/about',
  21. '/en/contact', '/me/contact', '/ru/contact', '/ua/contact'
  22. ],
  23. renderer: new prerender.PuppeteerRenderer({
  24. renderAfterDocumentEvent: 'render-event',
  25. injectProperty: '__PRERENDER_INJECTED',
  26. renderAfterTime: 2000, // Safety delay after event
  27. headless: true,
  28. args: [
  29. '--no-sandbox',
  30. '--disable-setuid-sandbox',
  31. '--disable-dev-shm-usage',
  32. '--single-process'
  33. ]
  34. })
  35. })
  36. ],
  37. resolve: {
  38. alias: {
  39. "@": path.resolve(__dirname, "./src"),
  40. },
  41. },
  42. build: {
  43. outDir: 'dist',
  44. chunkSizeWarningLimit: 1000,
  45. cssMinify: true,
  46. minify: 'esbuild',
  47. rollupOptions: {
  48. output: {
  49. manualChunks: {
  50. 'three-vendor': ['three'],
  51. 'ui-vendor': ['lucide-vue-next', '@vueuse/core'],
  52. }
  53. }
  54. }
  55. },
  56. esbuild: {
  57. legalComments: 'none',
  58. target: 'esnext',
  59. },
  60. test: {
  61. globals: true,
  62. environment: "jsdom",
  63. },
  64. };
  65. });