index.ts 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  1. import vue from '@vitejs/plugin-vue';
  2. import vueJsx from '@vitejs/plugin-vue-jsx';
  3. import legacy from '@vitejs/plugin-legacy';
  4. import purgeIcons from 'vite-plugin-purge-icons';
  5. import windiCSS from 'vite-plugin-windicss';
  6. import VitePluginCertificate from 'vite-plugin-mkcert';
  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. 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 = [
  26. // have to
  27. vue(),
  28. // have to
  29. vueJsx(),
  30. // support name
  31. vueSetupExtend(),
  32. VitePluginCertificate({
  33. source: 'coding',
  34. }),
  35. ];
  36. // vite-plugin-windicss
  37. vitePlugins.push(windiCSS());
  38. // @vitejs/plugin-legacy
  39. VITE_LEGACY && isBuild && vitePlugins.push(legacy());
  40. // vite-plugin-html
  41. vitePlugins.push(configHtmlPlugin(viteEnv, isBuild));
  42. // vite-plugin-svg-icons
  43. vitePlugins.push(configSvgIconsPlugin(isBuild));
  44. // vite-plugin-mock
  45. VITE_USE_MOCK && vitePlugins.push(configMockPlugin(isBuild));
  46. // vite-plugin-purge-icons
  47. vitePlugins.push(purgeIcons());
  48. // vite-plugin-style-import
  49. vitePlugins.push(configStyleImportPlugin(isBuild));
  50. // rollup-plugin-visualizer
  51. vitePlugins.push(configVisualizerConfig());
  52. // vite-plugin-theme
  53. vitePlugins.push(configThemePlugin(isBuild));
  54. // The following plugins only work in the production environment
  55. if (isBuild) {
  56. // vite-plugin-imagemin
  57. VITE_USE_IMAGEMIN && vitePlugins.push(configImageminPlugin());
  58. // rollup-plugin-gzip
  59. vitePlugins.push(
  60. configCompressPlugin(VITE_BUILD_COMPRESS, VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE),
  61. );
  62. // vite-plugin-pwa
  63. vitePlugins.push(configPwaConfig(viteEnv));
  64. }
  65. return vitePlugins;
  66. }