vite.config.js 6.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175
  1. import AutoImport from 'unplugin-auto-import/vite'
  2. import Components from 'unplugin-vue-components/vite'
  3. import Icons from 'unplugin-icons/vite'
  4. import IconsResolver from 'unplugin-icons/resolver'
  5. import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
  6. import { createSvgIconsPlugin } from 'vite-plugin-svg-icons'
  7. import { defineConfig, loadEnv } from 'vite'
  8. import vue from '@vitejs/plugin-vue'
  9. import Inspect from 'vite-plugin-inspect'
  10. import path from 'path'
  11. // eslint-disable-next-line no-undef
  12. const pathSrc = path.resolve(__dirname, 'src')
  13. // https://vitejs.dev/config/
  14. export default defineConfig(({ mode }) => {
  15. // eslint-disable-next-line no-undef
  16. const env = loadEnv(mode, process.cwd())
  17. return {
  18. // 静态路径
  19. base: env.VITE_BASE_URL,
  20. // 打包名称
  21. build: {
  22. outDir: env.VITE_OUT_DIR
  23. },
  24. esbuild: {
  25. drop: ['console', 'debugger']
  26. },
  27. server: {
  28. // 允许IP访问
  29. host: '0.0.0.0',
  30. // 应用端口 (默认:3000)
  31. port: Number(env.VITE_APP_PORT),
  32. // 运行是否自动打开浏览器
  33. open: true,
  34. proxy: {
  35. '/files': {
  36. target: 'http://192.168.1.197', // https://broadcast.waityou24.cn
  37. changeOrigin: true
  38. },
  39. /**
  40. * env.VITE_APP_BASE_API: /dev-api
  41. */
  42. [env.VITE_APP_BASE_API]: {
  43. changeOrigin: true,
  44. target: 'http://127.0.0.1:19700'
  45. }
  46. }
  47. },
  48. resolve: {
  49. alias: {
  50. '@': pathSrc
  51. }
  52. },
  53. css: {
  54. // CSS 预处理器
  55. preprocessorOptions: {
  56. // 定义全局 SCSS 变量
  57. scss: {
  58. javascriptEnabled: true
  59. // additionalData: `
  60. // @use "@/styles/variables.scss" as *;
  61. // `
  62. }
  63. }
  64. },
  65. plugins: [
  66. vue(),
  67. // // 自动导入参考: https://github.com/sxzz/element-plus-best-practices/blob/main/vite.config.ts
  68. AutoImport({
  69. // 自动导入 Vue 相关函数,如:ref, reactive, toRef 等
  70. imports: ['vue', '@vueuse/core', 'pinia', 'vue-router', 'vue-i18n'],
  71. // 自动导入 Element Plus 相关函数,如:ElMessage, ElMessageBox... (带样式)
  72. resolvers: [ElementPlusResolver(), IconsResolver({})],
  73. eslintrc: {
  74. enabled: false,
  75. filepath: './.eslintrc-auto-import.json',
  76. globalsPropValue: true
  77. },
  78. vueTemplate: true
  79. // 配置文件生成位置(false:关闭自动生成)
  80. //dts: false,
  81. // dts: path.resolve(pathSrc, 'auto-imports.d.ts')
  82. }),
  83. Components({
  84. resolvers: [
  85. // 自动导入 Element Plus 组件
  86. ElementPlusResolver(),
  87. // 自动注册图标组件
  88. IconsResolver({ enabledCollections: ['ep'] })
  89. ],
  90. // 指定自定义组件位置(默认:src/components)
  91. dirs: ['src/components', 'src/**/components']
  92. // 配置文件位置 (false:关闭自动生成)
  93. //dts: false,
  94. // dts: path.resolve(pathSrc, 'components.d.ts')
  95. }),
  96. Icons({
  97. autoInstall: true
  98. }),
  99. createSvgIconsPlugin({
  100. // 指定需要缓存的图标文件夹
  101. iconDirs: [path.resolve(pathSrc, 'assets/icons')],
  102. // 指定symbolId格式
  103. symbolId: 'icon-[dir]-[name]'
  104. }),
  105. Inspect()
  106. ],
  107. // 预加载项目必需的组件
  108. optimizeDeps: {
  109. include: [
  110. 'vue',
  111. 'vue-router',
  112. 'pinia',
  113. 'axios',
  114. 'element-plus/es/components/form/style/css',
  115. 'element-plus/es/components/form-item/style/css',
  116. 'element-plus/es/components/button/style/css',
  117. 'element-plus/es/components/input/style/css',
  118. 'element-plus/es/components/input-number/style/css',
  119. 'element-plus/es/components/switch/style/css',
  120. 'element-plus/es/components/upload/style/css',
  121. 'element-plus/es/components/menu/style/css',
  122. 'element-plus/es/components/col/style/css',
  123. 'element-plus/es/components/icon/style/css',
  124. 'element-plus/es/components/row/style/css',
  125. 'element-plus/es/components/tag/style/css',
  126. 'element-plus/es/components/dialog/style/css',
  127. 'element-plus/es/components/loading/style/css',
  128. 'element-plus/es/components/radio/style/css',
  129. 'element-plus/es/components/radio-group/style/css',
  130. 'element-plus/es/components/popover/style/css',
  131. 'element-plus/es/components/scrollbar/style/css',
  132. 'element-plus/es/components/tooltip/style/css',
  133. 'element-plus/es/components/dropdown/style/css',
  134. 'element-plus/es/components/dropdown-menu/style/css',
  135. 'element-plus/es/components/dropdown-item/style/css',
  136. 'element-plus/es/components/sub-menu/style/css',
  137. 'element-plus/es/components/menu-item/style/css',
  138. 'element-plus/es/components/divider/style/css',
  139. 'element-plus/es/components/card/style/css',
  140. 'element-plus/es/components/link/style/css',
  141. 'element-plus/es/components/breadcrumb/style/css',
  142. 'element-plus/es/components/breadcrumb-item/style/css',
  143. 'element-plus/es/components/table/style/css',
  144. 'element-plus/es/components/tree-select/style/css',
  145. 'element-plus/es/components/table-column/style/css',
  146. 'element-plus/es/components/select/style/css',
  147. 'element-plus/es/components/option/style/css',
  148. 'element-plus/es/components/pagination/style/css',
  149. 'element-plus/es/components/tree/style/css',
  150. 'element-plus/es/components/alert/style/css',
  151. 'element-plus/es/components/radio-button/style/css',
  152. 'element-plus/es/components/checkbox-group/style/css',
  153. 'element-plus/es/components/checkbox/style/css',
  154. 'element-plus/es/components/tabs/style/css',
  155. 'element-plus/es/components/tab-pane/style/css',
  156. 'element-plus/es/components/rate/style/css',
  157. 'element-plus/es/components/date-picker/style/css',
  158. 'element-plus/es/components/notification/style/css',
  159. 'element-plus/es/components/image/style/css',
  160. 'element-plus/es/components/statistic/style/css',
  161. 'element-plus/es/components/watermark/style/css',
  162. 'element-plus/es/components/config-provider/style/css',
  163. 'vue-i18n',
  164. 'element-plus/es/components/text/style/css',
  165. '@vueuse/core'
  166. // 'sortablejs',
  167. // 'path-to-regexp',
  168. // 'echarts',
  169. // '@wangeditor/editor',
  170. // '@wangeditor/editor-for-vue',
  171. // 'path-browserify'
  172. ]
  173. }
  174. }
  175. })