index.ts 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146
  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. // unplugin-icons 为 ESM-only,用动态 import 避免 CJS 配置加载时 require 报错
  6. import UnoCSS from 'unocss/vite';
  7. import { presetTypography, presetUno } from 'unocss';
  8. import Components from 'unplugin-vue-components/vite';
  9. import { AntDesignVueResolver } from 'unplugin-vue-components/resolvers';
  10. // 本地调试https配置方法
  11. import VitePluginCertificate from 'vite-plugin-mkcert';
  12. //[issues/555]开发环境,vscode断点调试,文件或行数对不上
  13. import vueSetupExtend from 'vite-plugin-vue-setup-extend-plus';
  14. import { configHtmlPlugin } from './html';
  15. import { configMockPlugin } from './mock';
  16. import { configCompressPlugin } from './compress';
  17. import { configVisualizerConfig } from './visualizer';
  18. import { configThemePlugin } from './theme';
  19. import { configSvgIconsPlugin } from './svgSprite';
  20. import { configQiankunMicroPlugin } from './qiankunMicro';
  21. import { configPwaPlugin } from './pwa';
  22. // // electron plugin
  23. // import { configElectronPlugin } from "./electron";
  24. // //预编译加载插件(不支持vite3作废)
  25. // import OptimizationPersist from 'vite-plugin-optimize-persist';
  26. // import PkgConfig from 'vite-plugin-package-config';
  27. /**
  28. *
  29. * @param viteEnv
  30. * @param isBuild
  31. * @param isQiankunMicro 是否【JEECG作为乾坤子应用】
  32. */
  33. export async function createVitePlugins(
  34. viteEnv: ViteEnv,
  35. isBuild: boolean,
  36. isQiankunMicro: boolean,
  37. ) {
  38. const { VITE_USE_MOCK, VITE_BUILD_COMPRESS, VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE } = viteEnv;
  39. // update-begin--author:liaozhiyang---date:20260306---for:【QQYUN-14833】unplugin-icons 使用esm
  40. // 动态 import ESM-only,避免 CJS 配置链 require 报 ERR_REQUIRE_ESM (解决node 20启动报错)
  41. const [
  42. { default: Icons },
  43. { default: IconsResolver },
  44. ] = await Promise.all([
  45. import('unplugin-icons/vite'),
  46. import('unplugin-icons/resolver'),
  47. ]);
  48. // update-end--author:liaozhiyang---date:20260306---for:【QQYUN-14833】unplugin-icons 使用esm
  49. const vitePlugins: (PluginOption | PluginOption[])[] = [
  50. // have to
  51. vue(),
  52. // have to
  53. vueJsx(),
  54. // support name
  55. vueSetupExtend(),
  56. // @ts-ignore
  57. VitePluginCertificate({
  58. source: 'coding',
  59. }),
  60. ];
  61. vitePlugins.push(UnoCSS({ presets: [presetUno(), presetTypography()] }));
  62. // update-begin--author:liaozhiyang---date:20260302---for:【QQYUN-14806】antd采用unplugin-vue-components实现按需加载
  63. // unplugin-vue-components: ant-design-vue 组件自动按需导入
  64. vitePlugins.push(
  65. Components({
  66. resolvers: [
  67. AntDesignVueResolver({
  68. importStyle: false,
  69. // 排除antd的Button组件,让项目中的a-button指向BasicButton组件
  70. // 低版本是AButton,高版本是Button
  71. exclude: ['AButton', 'Button'],
  72. }),
  73. IconsResolver({
  74. prefix: 'iconify',
  75. }),
  76. ],
  77. dirs: [],
  78. dts: false,
  79. })
  80. );
  81. // update-end--author:liaozhiyang---date:20260302---for:【QQYUN-14806】antd采用unplugin-vue-components实现按需加载
  82. // vite-plugin-html
  83. vitePlugins.push(configHtmlPlugin(viteEnv, isBuild, isQiankunMicro));
  84. // vite-plugin-svg-icons
  85. vitePlugins.push(configSvgIconsPlugin(isBuild));
  86. // vite-plugin-mock
  87. VITE_USE_MOCK && vitePlugins.push(configMockPlugin(isBuild));
  88. // update-begin--author:liaozhiyang---date:20260304---for:【QQYUN-14802】新增unplugin-icons插件,及icon支持online和local两种模式
  89. if (viteEnv.VITE_GLOB_ICONIFY_USE_TYPE === 'local') {
  90. vitePlugins.push(purgeIcons());
  91. }
  92. vitePlugins.push(
  93. Icons({
  94. compiler: 'vue3',
  95. // 自动安装图标集
  96. autoInstall: false,
  97. scale: 1,
  98. defaultClass: 'app-iconify anticon',
  99. })
  100. );
  101. vitePlugins.push(purgeIcons());
  102. // update-end--author:liaozhiyang---date:20260304---for:【QQYUN-14802】新增unplugin-icons插件,及icon支持online和local两种模式
  103. // rollup-plugin-visualizer
  104. vitePlugins.push(configVisualizerConfig());
  105. // vite-plugin-theme
  106. vitePlugins.push(configThemePlugin(isBuild));
  107. // 【JEECG作为乾坤子应用】注册乾坤子应用模式插件
  108. if (isQiankunMicro) {
  109. // vite-plugin-qiankun
  110. vitePlugins.push(...configQiankunMicroPlugin(viteEnv))
  111. }
  112. // // electron plugin
  113. const isElectron = viteEnv.VITE_GLOB_RUN_PLATFORM === 'electron';
  114. // if (isElectron) {
  115. // vitePlugins.push(configElectronPlugin(viteEnv, isBuild))
  116. // }
  117. // The following plugins only work in the production environment
  118. if (isBuild) {
  119. // rollup-plugin-gzip
  120. vitePlugins.push(configCompressPlugin(VITE_BUILD_COMPRESS, VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE));
  121. // vite-plugin-pwa (PWA 插件注册)
  122. if (!isElectron) {
  123. vitePlugins.push(configPwaPlugin(isBuild));
  124. }
  125. }
  126. // //vite-plugin-theme【预编译加载插件,解决vite首次打开界面加载慢问题】
  127. // vitePlugins.push(PkgConfig());
  128. // vitePlugins.push(OptimizationPersist());
  129. return vitePlugins;
  130. }