vite.config.ts 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  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. inject: {
  27. foo: 'bar'
  28. },
  29. renderAfterTime: 2000,
  30. headless: true,
  31. args: ['--no-sandbox', '--disable-setuid-sandbox']
  32. })
  33. })
  34. ],
  35. resolve: {
  36. alias: {
  37. "@": path.resolve(__dirname, "./src"),
  38. },
  39. },
  40. build: {
  41. outDir: 'dist',
  42. chunkSizeWarningLimit: 1000,
  43. cssMinify: true,
  44. minify: 'esbuild',
  45. rollupOptions: {
  46. output: {
  47. manualChunks: {
  48. 'three-vendor': ['three'],
  49. 'ui-vendor': ['lucide-vue-next', '@vueuse/core'],
  50. }
  51. }
  52. }
  53. },
  54. esbuild: {
  55. legalComments: 'none',
  56. target: 'esnext',
  57. },
  58. test: {
  59. globals: true,
  60. environment: "jsdom",
  61. },
  62. };
  63. });