index.ts 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  1. import { PluginOption } from 'vite';
  2. import vue from '@vitejs/plugin-vue';
  3. import vueJsx from '@vitejs/plugin-vue-jsx';
  4. import purgeIcons from 'vite-plugin-purge-icons';
  5. import UnoCSS from 'unocss/vite';
  6. import { presetTypography, presetUno } from 'unocss';
  7. // 本地调试https配置方法
  8. import VitePluginCertificate from 'vite-plugin-mkcert';
  9. //[issues/555]开发环境,vscode断点调试,文件或行数对不上
  10. import vueSetupExtend from 'vite-plugin-vue-setup-extend-plus';
  11. import { configHtmlPlugin } from './html';
  12. import { configMockPlugin } from './mock';
  13. import { configCompressPlugin } from './compress';
  14. import { configVisualizerConfig } from './visualizer';
  15. import { configThemePlugin } from './theme';
  16. import { configSvgIconsPlugin } from './svgSprite';
  17. import { configPwaPlugin } from './pwa';
  18. // // electron plugin
  19. // import { configElectronPlugin } from "./electron";
  20. // //预编译加载插件(不支持vite3作废)
  21. // import OptimizationPersist from 'vite-plugin-optimize-persist';
  22. // import PkgConfig from 'vite-plugin-package-config';
  23. /**
  24. *
  25. * @param viteEnv
  26. * @param isBuild
  27. */
  28. export function createVitePlugins(viteEnv: ViteEnv, isBuild: boolean) {
  29. const { VITE_USE_MOCK, VITE_BUILD_COMPRESS, VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE } = viteEnv;
  30. const vitePlugins: (PluginOption | PluginOption[])[] = [
  31. // have to
  32. vue(),
  33. // have to
  34. vueJsx(),
  35. // support name
  36. vueSetupExtend(),
  37. // @ts-ignore
  38. VitePluginCertificate({
  39. source: 'coding',
  40. }),
  41. ];
  42. vitePlugins.push(UnoCSS({ presets: [presetUno(), presetTypography()] }));
  43. // vite-plugin-html
  44. vitePlugins.push(configHtmlPlugin(viteEnv, isBuild));
  45. // vite-plugin-svg-icons
  46. vitePlugins.push(configSvgIconsPlugin(isBuild));
  47. // vite-plugin-mock
  48. VITE_USE_MOCK && vitePlugins.push(configMockPlugin(isBuild));
  49. // vite-plugin-purge-icons
  50. vitePlugins.push(purgeIcons());
  51. // rollup-plugin-visualizer
  52. vitePlugins.push(configVisualizerConfig());
  53. // vite-plugin-theme
  54. vitePlugins.push(configThemePlugin(isBuild));
  55. // // electron plugin
  56. const isElectron = viteEnv.VITE_GLOB_RUN_PLATFORM === 'electron';
  57. // if (isElectron) {
  58. // vitePlugins.push(configElectronPlugin(viteEnv, isBuild))
  59. // }
  60. // The following plugins only work in the production environment
  61. if (isBuild) {
  62. // rollup-plugin-gzip
  63. vitePlugins.push(configCompressPlugin(VITE_BUILD_COMPRESS, VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE));
  64. // vite-plugin-pwa (PWA 插件注册)
  65. if (!isElectron) {
  66. vitePlugins.push(configPwaPlugin(isBuild));
  67. }
  68. }
  69. // //vite-plugin-theme【预编译加载插件,解决vite首次打开界面加载慢问题】
  70. // vitePlugins.push(PkgConfig());
  71. // vitePlugins.push(OptimizationPersist());
  72. return vitePlugins;
  73. }