index.ts 2.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  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 vueSetupExtend from 'vite-plugin-vue-setup-extend';
  8. import { configHtmlPlugin } from './html';
  9. import { configPwaConfig } from './pwa';
  10. import { configMockPlugin } from './mock';
  11. import { configCompressPlugin } from './compress';
  12. import { configStyleImportPlugin } from './styleImport';
  13. import { configVisualizerConfig } from './visualizer';
  14. import { configThemePlugin } from './theme';
  15. import { configImageminPlugin } from './imagemin';
  16. import { configSvgIconsPlugin } from './svgSprite';
  17. import { configHmrPlugin } from './hmr';
  18. import OptimizationPersist from 'vite-plugin-optimize-persist'
  19. import PkgConfig from 'vite-plugin-package-config'
  20. export function createVitePlugins(viteEnv: ViteEnv, isBuild: boolean) {
  21. const {
  22. VITE_USE_IMAGEMIN,
  23. VITE_USE_MOCK,
  24. VITE_LEGACY,
  25. VITE_BUILD_COMPRESS,
  26. VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE,
  27. } = viteEnv;
  28. const vitePlugins: (Plugin | Plugin[])[] = [
  29. // have to
  30. vue(),
  31. // have to
  32. vueJsx(),
  33. // support name
  34. vueSetupExtend(),
  35. ];
  36. // vite-plugin-windicss
  37. vitePlugins.push(windiCSS());
  38. // TODO
  39. !isBuild && vitePlugins.push(configHmrPlugin());
  40. // @vitejs/plugin-legacy
  41. VITE_LEGACY && isBuild && vitePlugins.push(legacy());
  42. // vite-plugin-html
  43. vitePlugins.push(configHtmlPlugin(viteEnv, isBuild));
  44. // vite-plugin-svg-icons
  45. vitePlugins.push(configSvgIconsPlugin(isBuild));
  46. // vite-plugin-mock
  47. VITE_USE_MOCK && vitePlugins.push(configMockPlugin(isBuild));
  48. // vite-plugin-purge-icons
  49. vitePlugins.push(purgeIcons());
  50. // vite-plugin-style-import
  51. vitePlugins.push(configStyleImportPlugin(isBuild));
  52. // rollup-plugin-visualizer
  53. vitePlugins.push(configVisualizerConfig());
  54. //vite-plugin-theme
  55. vitePlugins.push(configThemePlugin(isBuild));
  56. // The following plugins only work in the production environment
  57. if (isBuild) {
  58. //vite-plugin-imagemin
  59. VITE_USE_IMAGEMIN && vitePlugins.push(configImageminPlugin());
  60. // rollup-plugin-gzip
  61. vitePlugins.push(
  62. configCompressPlugin(VITE_BUILD_COMPRESS, VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE),
  63. );
  64. // vite-plugin-pwa
  65. vitePlugins.push(configPwaConfig(viteEnv));
  66. }
  67. //vite-plugin-theme【解决vite首次打开界面加载慢问题】
  68. vitePlugins.push(PkgConfig());
  69. vitePlugins.push(OptimizationPersist());
  70. return vitePlugins;
  71. }