vite.config.ts 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. /// <reference types="vitest" />
  2. import path from 'node:path'
  3. import { defineConfig } from 'vite'
  4. import Vue from '@vitejs/plugin-vue'
  5. import Pages from 'vite-plugin-pages'
  6. import Components from 'unplugin-vue-components/vite'
  7. import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
  8. import AutoImport from 'unplugin-auto-import/vite'
  9. import VueMacros from 'unplugin-vue-macros/vite'
  10. import WindiCSS from 'vite-plugin-windicss'
  11. export default defineConfig({
  12. resolve: {
  13. alias: {
  14. '~/': `${path.resolve(__dirname, 'src')}/`,
  15. },
  16. },
  17. plugins: [
  18. WindiCSS(),
  19. VueMacros({
  20. plugins: {
  21. vue: Vue({
  22. reactivityTransform: true,
  23. }),
  24. },
  25. }),
  26. // https://github.com/hannoeru/vite-plugin-pages
  27. Pages(),
  28. // https://github.com/antfu/unplugin-auto-import
  29. AutoImport({
  30. imports: [
  31. 'vue',
  32. 'vue/macros',
  33. 'vue-router',
  34. '@vueuse/core',
  35. ],
  36. dts: true,
  37. dirs: [
  38. './src/composables',
  39. ],
  40. vueTemplate: true,
  41. resolvers: [
  42. ElementPlusResolver(),
  43. ],
  44. }),
  45. // https://github.com/antfu/vite-plugin-components
  46. Components({
  47. dts: true,
  48. resolvers: [
  49. ElementPlusResolver(),
  50. ],
  51. }),
  52. ],
  53. // https://github.com/vitest-dev/vitest
  54. test: {
  55. environment: 'jsdom',
  56. },
  57. })