nuxt.config.ts 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103
  1. // https://nuxt.com/docs/api/configuration/nuxt-config
  2. import AutoImport from 'unplugin-auto-import/vite'
  3. import Components from 'unplugin-vue-components/vite'
  4. import { NaiveUiResolver } from 'unplugin-vue-components/resolvers'
  5. export default defineNuxtConfig({
  6. srcDir: 'src',
  7. compatibilityDate: '2024-04-03',
  8. devtools: { enabled: true },
  9. css: ['./src/assets/iconfont/iconfont.css'],
  10. sourcemap: {
  11. server: true,
  12. client: true
  13. },
  14. modules: [
  15. 'nuxtjs-naive-ui',
  16. 'nuxt-swiper',
  17. '@vueuse/nuxt',
  18. '@nuxtjs/tailwindcss',
  19. 'nuxt-icons',
  20. '@nuxt/icon',
  21. 'dayjs-nuxt',
  22. '@element-plus/nuxt',
  23. '@samk-dev/nuxt-vcalendar',
  24. [
  25. '@pinia/nuxt',
  26. {
  27. autoImports: ['defineStore', 'storeToRefs']
  28. }
  29. ]
  30. ],
  31. dayjs: {
  32. plugins: [
  33. 'isSameOrAfter',
  34. 'isSameOrBefore',
  35. 'isToday',
  36. 'customParseFormat',
  37. 'minMax'
  38. ]
  39. },
  40. elementPlus: {
  41. defaultLocale: 'zh-cn',
  42. importStyle: 'scss'
  43. },
  44. runtimeConfig: {
  45. public: {
  46. baseApi: process.env.VITE_APP_BASE_URL
  47. // baseApi: '1234123'
  48. }
  49. },
  50. imports: {
  51. dirs: ['stores']
  52. },
  53. app: {
  54. head: {
  55. title: '逍遥游',
  56. meta: [
  57. {
  58. name: 'charset',
  59. content: 'utf-8'
  60. },
  61. {
  62. name: 'viewport',
  63. content: 'width=device-width,width=1250,maximum-scale=1.0'
  64. },
  65. {
  66. name: 'renderer',
  67. content: 'webkit'
  68. }
  69. ],
  70. link: [{ rel: 'icon', type: 'image/x-icon', href: '/favicon.svg' }]
  71. }
  72. },
  73. vite: {
  74. css: {
  75. preprocessorOptions: {
  76. scss: {
  77. additionalData: '@use "@/assets/style/element.scss";'
  78. }
  79. }
  80. },
  81. plugins: [
  82. AutoImport({
  83. imports: [
  84. {
  85. 'naive-ui': [
  86. 'useDialog',
  87. 'useMessage',
  88. 'useNotification',
  89. 'useLoadingBar'
  90. ]
  91. }
  92. ]
  93. }),
  94. Components({
  95. resolvers: [NaiveUiResolver()]
  96. })
  97. ]
  98. },
  99. devServer: {
  100. port: 3002
  101. }
  102. })