vite.config.ts 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. import { defineConfig } from 'vite'
  2. import vue from '@vitejs/plugin-vue'
  3. import Components from 'unplugin-vue-components/vite'
  4. import { VantResolver } from 'unplugin-vue-components/resolvers'
  5. // 自动按需导入
  6. import AutoImport from 'unplugin-auto-import/vite'
  7. import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
  8. import { resolve } from 'path'
  9. // https://vitejs.dev/config/
  10. export default defineConfig({
  11. base: './',
  12. server: {
  13. host: '0.0.0.0'
  14. },
  15. plugins: [
  16. vue(),
  17. Components({
  18. resolvers: [VantResolver(), ElementPlusResolver()]
  19. }),
  20. AutoImport({
  21. //安装两行后你会发现在组件中不用再导入ref,reactive等
  22. imports: ['vue', 'vue-router'],
  23. //存放的位置
  24. dts: 'src/auto-import.d.ts',
  25. resolvers: [ElementPlusResolver(), VantResolver()]
  26. })
  27. ],
  28. resolve: {
  29. // ↓路径别名
  30. alias: {
  31. '@': resolve(__dirname, './src')
  32. }
  33. },
  34. build: {
  35. outDir: 'dist',
  36. assetsDir: 'assets',
  37. sourcemap: false,
  38. terserOptions: {
  39. compress: {
  40. drop_console: true,
  41. drop_debugger: true
  42. }
  43. }
  44. }
  45. })