index.ts 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  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 { configDynamicImport } from './importContext';
  11. import { configGzipPlugin } from './gzip';
  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-import-context
  22. vitePlugins.push(configDynamicImport(viteEnv));
  23. // vite-plugin-purge-icons
  24. vitePlugins.push(PurgeIcons());
  25. // rollup-plugin-gzip
  26. vitePlugins.push(configGzipPlugin(isBuild));
  27. // rollup-plugin-visualizer
  28. if (isReportMode()) {
  29. vitePlugins.push(visualizer({ filename: './build/.cache/stats.html', open: true }) as Plugin);
  30. }
  31. return vitePlugins;
  32. }