1
0

index.ts 2.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. import { PluginOption } 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 VitePluginCertificate from 'vite-plugin-mkcert'
  8. //import vueSetupExtend from 'vite-plugin-vue-setup-extend';
  9. import { configHtmlPlugin } from './html'
  10. import { configPwaConfig } from './pwa'
  11. import { configMockPlugin } from './mock'
  12. import { configCompressPlugin } from './compress'
  13. import { configStyleImportPlugin } from './styleImport'
  14. import { configVisualizerConfig } from './visualizer'
  15. import { configThemePlugin } from './theme'
  16. import { configImageminPlugin } from './imagemin'
  17. import { configSvgIconsPlugin } from './svgSprite'
  18. export function createVitePlugins(viteEnv: ViteEnv, isBuild: boolean) {
  19. const {
  20. VITE_USE_IMAGEMIN,
  21. VITE_USE_MOCK,
  22. VITE_LEGACY,
  23. VITE_BUILD_COMPRESS,
  24. VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE,
  25. } = viteEnv
  26. const vitePlugins: (PluginOption | PluginOption[])[] = [
  27. // have to
  28. vue(),
  29. // have to
  30. vueJsx(),
  31. // support name
  32. //vueSetupExtend(),
  33. VitePluginCertificate({
  34. source: 'coding',
  35. }),
  36. ]
  37. // vite-plugin-windicss
  38. vitePlugins.push(windiCSS())
  39. // @vitejs/plugin-legacy
  40. VITE_LEGACY && isBuild && vitePlugins.push(legacy())
  41. // vite-plugin-html
  42. vitePlugins.push(configHtmlPlugin(viteEnv, isBuild))
  43. // vite-plugin-svg-icons
  44. vitePlugins.push(configSvgIconsPlugin(isBuild))
  45. // vite-plugin-mock
  46. VITE_USE_MOCK && vitePlugins.push(configMockPlugin(isBuild))
  47. // vite-plugin-purge-icons
  48. vitePlugins.push(purgeIcons())
  49. // vite-plugin-style-import
  50. vitePlugins.push(configStyleImportPlugin(isBuild))
  51. // rollup-plugin-visualizer
  52. vitePlugins.push(configVisualizerConfig())
  53. // vite-plugin-theme
  54. vitePlugins.push(configThemePlugin(isBuild))
  55. // The following plugins only work in the production environment
  56. if (isBuild) {
  57. // vite-plugin-imagemin
  58. VITE_USE_IMAGEMIN && vitePlugins.push(configImageminPlugin())
  59. // rollup-plugin-gzip
  60. vitePlugins.push(
  61. configCompressPlugin(VITE_BUILD_COMPRESS, VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE),
  62. )
  63. // vite-plugin-pwa
  64. vitePlugins.push(configPwaConfig(viteEnv))
  65. }
  66. return vitePlugins
  67. }