vite.config.ts 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  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. plugins: [
  13. vue(),
  14. Components({
  15. resolvers: [VantResolver(), ElementPlusResolver()]
  16. }),
  17. AutoImport({
  18. //安装两行后你会发现在组件中不用再导入ref,reactive等
  19. imports: ['vue', 'vue-router'],
  20. //存放的位置
  21. dts: 'src/auto-import.d.ts',
  22. resolvers: [ElementPlusResolver(),VantResolver()]
  23. })
  24. ],
  25. resolve: {
  26. // ↓路径别名
  27. alias: {
  28. '@': resolve(__dirname, './src')
  29. }
  30. },
  31. build: {
  32. outDir: 'dist',
  33. assetsDir: 'assets',
  34. sourcemap: false,
  35. terserOptions: {
  36. compress: {
  37. drop_console: true,
  38. drop_debugger: true
  39. }
  40. }
  41. }
  42. })