index.ts 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  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. import glsl from "rollup-plugin-glsl";
  21. export function createVitePlugins(viteEnv: ViteEnv, isBuild: boolean) {
  22. const { VITE_USE_IMAGEMIN, VITE_USE_MOCK, VITE_LEGACY, VITE_BUILD_COMPRESS, VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE } = viteEnv;
  23. const vitePlugins: (Plugin | Plugin[])[] = [
  24. // have to
  25. vue(),
  26. // have to
  27. vueJsx(),
  28. // support name
  29. vueSetupExtend(),
  30. ];
  31. // vite-plugin-windicss
  32. vitePlugins.push(windiCSS());
  33. // TODO
  34. !isBuild && vitePlugins.push(configHmrPlugin());
  35. // @vitejs/plugin-legacy
  36. VITE_LEGACY && isBuild && vitePlugins.push(legacy());
  37. // vite-plugin-html
  38. vitePlugins.push(configHtmlPlugin(viteEnv, isBuild));
  39. // vite-plugin-svg-icons
  40. vitePlugins.push(configSvgIconsPlugin(isBuild));
  41. // vite-plugin-mock
  42. VITE_USE_MOCK && vitePlugins.push(configMockPlugin(isBuild));
  43. // vite-plugin-purge-icons
  44. vitePlugins.push(purgeIcons());
  45. // vite-plugin-style-import
  46. vitePlugins.push(configStyleImportPlugin(isBuild));
  47. // rollup-plugin-visualizer
  48. vitePlugins.push(configVisualizerConfig());
  49. //vite-plugin-theme
  50. vitePlugins.push(configThemePlugin(isBuild));
  51. // The following plugins only work in the production environment
  52. if (isBuild) {
  53. //vite-plugin-imagemin
  54. VITE_USE_IMAGEMIN && vitePlugins.push(configImageminPlugin());
  55. // rollup-plugin-gzip
  56. vitePlugins.push(configCompressPlugin(VITE_BUILD_COMPRESS, VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE));
  57. // vite-plugin-pwa
  58. vitePlugins.push(configPwaConfig(viteEnv));
  59. }
  60. //vite-plugin-theme【解决vite首次打开界面加载慢问题】
  61. vitePlugins.push(PkgConfig());
  62. vitePlugins.push(OptimizationPersist());
  63. vitePlugins.push(
  64. glsl({
  65. // By default, everything gets included
  66. include: "**/*.glsl",
  67. // Undefined by default
  68. exclude: ["**/index.html"],
  69. // Source maps are on by default
  70. // sourceMap: false,
  71. })
  72. )
  73. return vitePlugins;
  74. }