vite.config.base.ts 1000 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. import { resolve } from 'path';
  2. import { defineConfig } from 'vite';
  3. import vue from '@vitejs/plugin-vue';
  4. import svgLoader from 'vite-svg-loader';
  5. import inject from '@rollup/plugin-inject';
  6. export default defineConfig({
  7. plugins: [
  8. vue(),
  9. svgLoader({ svgoConfig: {} }),
  10. ],
  11. resolve: {
  12. alias: [
  13. {
  14. find: '@',
  15. replacement: resolve(__dirname, '../src'),
  16. },
  17. {
  18. find: 'assets',
  19. replacement: resolve(__dirname, '../src/assets'),
  20. },
  21. {
  22. find: 'vue',
  23. replacement: 'vue/dist/vue.esm-bundler.js', // compile template
  24. },
  25. ],
  26. extensions: ['.ts', '.js'],
  27. },
  28. define: {
  29. 'process.env': {},
  30. '__VUE_PROD_HYDRATION_MISMATCH_DETAILS__': false,
  31. },
  32. css: {
  33. preprocessorOptions: {
  34. less: {
  35. modifyVars: {
  36. hack: `true; @import (reference) "${resolve(
  37. 'src/assets/style/var.less'
  38. )}";`,
  39. },
  40. javascriptEnabled: true,
  41. },
  42. },
  43. },
  44. });