index.ts 2.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  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 { configSvgIconsPlugin } from './svgSprite';
  15. import { configHmrPlugin } from './hmr';
  16. export function createVitePlugins(viteEnv: ViteEnv, isBuild: boolean) {
  17. const {
  18. VITE_USE_IMAGEMIN,
  19. VITE_USE_MOCK,
  20. VITE_LEGACY,
  21. VITE_BUILD_COMPRESS,
  22. VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE,
  23. } = viteEnv;
  24. const vitePlugins: (Plugin | Plugin[])[] = [
  25. // have to
  26. vue(),
  27. // have to
  28. vueJsx(),
  29. ];
  30. // TODO
  31. !isBuild && vitePlugins.push(configHmrPlugin());
  32. // @vitejs/plugin-legacy
  33. VITE_LEGACY &&
  34. isBuild &&
  35. vitePlugins.push(
  36. legacy({
  37. targets: [
  38. 'Android > 39',
  39. 'Chrome >= 60',
  40. 'Safari >= 10.1',
  41. 'iOS >= 10.3',
  42. 'Firefox >= 54',
  43. 'Edge >= 15',
  44. ],
  45. additionalLegacyPolyfills: ['regenerator-runtime/runtime'],
  46. })
  47. );
  48. // vite-plugin-html
  49. vitePlugins.push(configHtmlPlugin(viteEnv, isBuild));
  50. // vite-plugin-svg-icons
  51. vitePlugins.push(configSvgIconsPlugin(isBuild));
  52. // vite-plugin-mock
  53. VITE_USE_MOCK && vitePlugins.push(configMockPlugin(isBuild));
  54. // vite-plugin-purge-icons
  55. vitePlugins.push(purgeIcons());
  56. // vite-plugin-style-import
  57. vitePlugins.push(configStyleImportPlugin(isBuild));
  58. // rollup-plugin-visualizer
  59. vitePlugins.push(configVisualizerConfig());
  60. //vite-plugin-theme
  61. vitePlugins.push(configThemePlugin(isBuild));
  62. // The following plugins only work in the production environment
  63. if (isBuild) {
  64. //vite-plugin-imagemin
  65. VITE_USE_IMAGEMIN && vitePlugins.push(configImageminPlugin());
  66. // rollup-plugin-gzip
  67. vitePlugins.push(
  68. configCompressPlugin(VITE_BUILD_COMPRESS, VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE)
  69. );
  70. // vite-plugin-pwa
  71. vitePlugins.push(configPwaConfig(viteEnv));
  72. }
  73. return vitePlugins;
  74. }