index.ts 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. import type { Plugin } from 'vite'
  2. import vue from '@vitejs/plugin-vue'
  3. import vueJsx from '@vitejs/plugin-vue-jsx'
  4. import legacy from '@vitejs/plugin-legacy'
  5. import purgeIcons from 'vite-plugin-purge-icons'
  6. import windiCSS from 'vite-plugin-windicss'
  7. import { configHtmlPlugin } from './html'
  8. import { configPwaConfig } from './pwa'
  9. import { configMockPlugin } from './mock'
  10. import { configCompressPlugin } from './compress'
  11. import { configStyleImportPlugin } from './styleImport'
  12. import { configVisualizerConfig } from './visualizer'
  13. import { configThemePlugin } from './theme'
  14. import { configImageminPlugin } from './imagemin'
  15. import { configSvgIconsPlugin } from './svgSprite'
  16. import { configHmrPlugin } from './hmr'
  17. export function createVitePlugins(viteEnv: ViteEnv, isBuild: boolean) {
  18. const { VITE_USE_IMAGEMIN, VITE_USE_MOCK, VITE_LEGACY, VITE_BUILD_COMPRESS, VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE } =
  19. viteEnv
  20. const vitePlugins: (Plugin | Plugin[])[] = [
  21. // have to
  22. vue(),
  23. // have to
  24. vueJsx()
  25. ]
  26. // TODO
  27. !isBuild && vitePlugins.push(configHmrPlugin())
  28. // @vitejs/plugin-legacy
  29. VITE_LEGACY && isBuild && vitePlugins.push(legacy())
  30. // vite-plugin-html
  31. vitePlugins.push(configHtmlPlugin(viteEnv, isBuild))
  32. // vite-plugin-svg-icons
  33. vitePlugins.push(configSvgIconsPlugin(isBuild))
  34. // vite-plugin-windicss
  35. vitePlugins.push(windiCSS())
  36. // vite-plugin-mock
  37. VITE_USE_MOCK && vitePlugins.push(configMockPlugin(isBuild))
  38. // vite-plugin-purge-icons
  39. vitePlugins.push(purgeIcons())
  40. // vite-plugin-style-import
  41. vitePlugins.push(configStyleImportPlugin(isBuild))
  42. // rollup-plugin-visualizer
  43. vitePlugins.push(configVisualizerConfig())
  44. //vite-plugin-theme
  45. vitePlugins.push(configThemePlugin(isBuild))
  46. // The following plugins only work in the production environment
  47. if (isBuild) {
  48. //vite-plugin-imagemin
  49. VITE_USE_IMAGEMIN && vitePlugins.push(configImageminPlugin())
  50. // rollup-plugin-gzip
  51. vitePlugins.push(configCompressPlugin(VITE_BUILD_COMPRESS, VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE))
  52. // vite-plugin-pwa
  53. vitePlugins.push(configPwaConfig(viteEnv))
  54. }
  55. return vitePlugins
  56. }