index.ts 2.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  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 svgLoader from 'vite-svg-loader';
  6. import DefineOptions from 'unplugin-vue-define-options/vite';
  7. import { configHtmlPlugin } from './html';
  8. import { configPwaConfig } from './pwa';
  9. import { configMockPlugin } from './mock';
  10. import { configCompressPlugin } from './compress';
  11. // import { configStyleImportPlugin } from './styleImport';
  12. import { configVisualizerConfig } from './visualizer';
  13. // import { configThemePlugin } from './theme';
  14. import { configImageminPlugin } from './imagemin';
  15. import { configSvgIconsPlugin } from './svgSprite';
  16. import { viteBuildInfo } from './info';
  17. export function createVitePlugins(viteEnv: ViteEnv, isBuild: boolean) {
  18. const {
  19. VITE_USE_IMAGEMIN,
  20. VITE_USE_MOCK,
  21. VITE_LEGACY,
  22. VITE_BUILD_COMPRESS,
  23. VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE,
  24. } = viteEnv;
  25. const vitePlugins: (Plugin | Plugin[])[] = [
  26. // have to
  27. vue(),
  28. // have to
  29. vueJsx(),
  30. // support name
  31. DefineOptions(),
  32. ];
  33. // info
  34. vitePlugins.push(viteBuildInfo());
  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. // svg组件化支持
  42. // vitePlugins.push(svgLoader());
  43. // vite-plugin-mock
  44. VITE_USE_MOCK && vitePlugins.push(configMockPlugin(isBuild));
  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(
  57. configCompressPlugin(VITE_BUILD_COMPRESS, VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE),
  58. );
  59. // vite-plugin-pwa
  60. vitePlugins.push(configPwaConfig(viteEnv));
  61. }
  62. return vitePlugins;
  63. }