vite.config.ts 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. import { sveltekit } from '@sveltejs/kit/vite';
  2. import { defineConfig } from 'vite';
  3. import tailwindcss from '@tailwindcss/vite';
  4. import md from 'rollup-plugin-md-ts';
  5. export default defineConfig({
  6. plugins: [
  7. sveltekit(),
  8. tailwindcss(),
  9. md({
  10. marked: {},
  11. include: ['../mds/**/*.md', '../../packages/**/*.md']
  12. })
  13. ],
  14. server: { hmr: true, host: '0.0.0.0', port: 5555 },
  15. build: {
  16. assetsDir: 'build',
  17. rollupOptions: {
  18. output: {
  19. manualChunks: (id: string) => {
  20. // 将 node_modules 中的包拆分到单独的 build/node_modules.js 文件中
  21. if (id.includes('node_modules')) {
  22. return 'vendor/index';
  23. }
  24. // 将 sr/lib 中的包拆分到单独的 build/lib/ 文件中
  25. if (id.includes('src/lib/')) {
  26. return 'lib/index';
  27. }
  28. // 将 src/routes/+page.svelte 单独拆分到 build/home/index.js 文件中
  29. if (id.includes('src/routes/+page.svelte')) {
  30. return 'home/index';
  31. }
  32. // 将 src/routes/guide 单独拆分到 build/guide/index.js 文件中
  33. if (id.includes('src/routes/guide')) {
  34. return 'guide/index';
  35. }
  36. // 将 src/routes/components 单独拆分到 build/components/index.js 文件中
  37. if (id.includes('src/routes/components')) {
  38. return 'components/index';
  39. }
  40. }
  41. }
  42. }
  43. }
  44. });