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. staticDir: path.join(__dirname, 'dist'),
  14. routes: ['/', '/en/', '/me/', '/ru/', '/ua/'],
  15. renderer: new prerender.PuppeteerRenderer({
  16. renderAfterTime: 5000,
  17. injectProperty: '__PRERENDER_INJECTED',
  18. maxTimeout: 30000,
  19. headless: true,
  20. args: [
  21. '--no-sandbox',
  22. '--disable-setuid-sandbox',
  23. '--disable-dev-shm-usage',
  24. '--disable-gpu',
  25. '--single-process'
  26. ],
  27. consoleHandler: (route: string, message: any) => {
  28. console.log(`[🔨 Prerender Console - ${route}] ${message.text()}`);
  29. }
  30. }),
  31. postProcess(renderedRoute: any) {
  32. console.log(`[🔨 Prerender] Finished: ${renderedRoute.route}`);
  33. return renderedRoute;
  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. });