index.ts 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. import type { Plugin } from 'vite';
  2. import PurgeIcons from 'vite-plugin-purge-icons';
  3. import visualizer from 'rollup-plugin-visualizer';
  4. // @ts-ignore
  5. import pkg from '../../../package.json';
  6. import { ViteEnv, isReportMode } from '../../utils';
  7. import { configHtmlPlugin } from './html';
  8. import { configPwaConfig } from './pwa';
  9. import { configMockPlugin } from './mock';
  10. import { configGzipPlugin } from './gzip';
  11. import { configStyleImportConfig } from './style-import';
  12. // gen vite plugins
  13. export function createVitePlugins(viteEnv: ViteEnv, isBuild: boolean, mode: string) {
  14. const vitePlugins: (Plugin | Plugin[])[] = [];
  15. // vite-plugin-html
  16. vitePlugins.push(configHtmlPlugin(viteEnv, isBuild));
  17. // vite-plugin-pwa
  18. vitePlugins.push(configPwaConfig(viteEnv, isBuild));
  19. // vite-plugin-mock
  20. vitePlugins.push(configMockPlugin(viteEnv, isBuild));
  21. // vite-plugin-purge-icons
  22. vitePlugins.push(PurgeIcons());
  23. // vite-plugin-style-import
  24. vitePlugins.push(configStyleImportConfig());
  25. // rollup-plugin-gzip
  26. vitePlugins.push(configGzipPlugin(isBuild));
  27. // rollup-plugin-visualizer
  28. if (isReportMode()) {
  29. vitePlugins.push(
  30. visualizer({
  31. filename: './build/.cache/stats.html',
  32. open: true,
  33. }) as Plugin
  34. );
  35. }
  36. return vitePlugins;
  37. }