index.ts 2.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  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 { configHtmlPlugin } from './html';
  7. import { configPwaConfig } from './pwa';
  8. import { configMockPlugin } from './mock';
  9. import { configCompressPlugin } from './compress';
  10. import { configStyleImportPlugin } from './styleImport';
  11. import { configVisualizerConfig } from './visualizer';
  12. import { configThemePlugin } from './theme';
  13. import { configImageminPlugin } from './imagemin';
  14. import { configWindiCssPlugin } from './windicss';
  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 } = viteEnv;
  19. const vitePlugins: (Plugin | Plugin[])[] = [
  20. // have to
  21. vue(),
  22. // have to
  23. vueJsx(),
  24. ];
  25. // TODO
  26. !isBuild && vitePlugins.push(configHmrPlugin());
  27. // @vitejs/plugin-legacy
  28. VITE_LEGACY && isBuild && vitePlugins.push(legacy());
  29. // vite-plugin-html
  30. vitePlugins.push(configHtmlPlugin(viteEnv, isBuild));
  31. // vite-plugin-svg-icons
  32. vitePlugins.push(configSvgIconsPlugin(isBuild));
  33. // vite-plugin-windicss
  34. vitePlugins.push(configWindiCssPlugin());
  35. // vite-plugin-mock
  36. VITE_USE_MOCK && vitePlugins.push(configMockPlugin(isBuild));
  37. // vite-plugin-purge-icons
  38. vitePlugins.push(PurgeIcons());
  39. // vite-plugin-style-import
  40. vitePlugins.push(configStyleImportPlugin(isBuild));
  41. // rollup-plugin-visualizer
  42. vitePlugins.push(configVisualizerConfig());
  43. //vite-plugin-theme
  44. vitePlugins.push(configThemePlugin());
  45. // The following plugins only work in the production environment
  46. if (isBuild) {
  47. //vite-plugin-imagemin
  48. VITE_USE_IMAGEMIN && vitePlugins.push(configImageminPlugin());
  49. // rollup-plugin-gzip
  50. vitePlugins.push(configCompressPlugin(VITE_BUILD_COMPRESS));
  51. // vite-plugin-pwa
  52. vitePlugins.push(configPwaConfig(viteEnv));
  53. }
  54. return vitePlugins;
  55. }