vite.config.mjs 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. // Plugins
  2. import Components from 'unplugin-vue-components/vite'
  3. import Vue from '@vitejs/plugin-vue'
  4. import Vuetify, { transformAssetUrls } from 'vite-plugin-vuetify'
  5. // import ViteFonts from 'unplugin-fonts/vite'
  6. // Utilities
  7. import { defineConfig } from 'vite'
  8. import { fileURLToPath, URL } from 'node:url'
  9. // https://vitejs.dev/config/
  10. export default defineConfig({
  11. plugins: [
  12. Vue({
  13. template: { transformAssetUrls }
  14. }),
  15. // https://github.com/vuetifyjs/vuetify-loader/tree/master/packages/vite-plugin#readme
  16. Vuetify(),
  17. Components({
  18. dts: true,
  19. resolvers: [
  20. (name) => {
  21. if (name.startsWith('Base')) {
  22. return { importName: name.slice(4), path: `@/components/CtVuetify/${name}.vue` }
  23. }
  24. },
  25. ]
  26. }),
  27. // ViteFonts({
  28. // google: {
  29. // // families: [{
  30. // // name: 'Roboto',
  31. // // styles: 'wght@100;300;400;500;700;900',
  32. // // }],
  33. // },
  34. // }),
  35. ],
  36. define: { 'process.env': {} },
  37. resolve: {
  38. alias: {
  39. '@': fileURLToPath(new URL('./src', import.meta.url))
  40. },
  41. extensions: [
  42. '.js',
  43. '.json',
  44. '.jsx',
  45. '.mjs',
  46. '.ts',
  47. '.tsx',
  48. '.vue',
  49. ],
  50. },
  51. server: {
  52. port: 3000,
  53. },
  54. })