index.ts 2.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  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. import VitePluginCertificate from 'vite-plugin-mkcert';
  8. //[issues/555]开发环境,vscode断点调试,文件或行数对不上
  9. import vueSetupExtend from 'vite-plugin-vue-setup-extend-plus';
  10. import { configHtmlPlugin } from './html';
  11. import { configMockPlugin } from './mock';
  12. import { configCompressPlugin } from './compress';
  13. import { configStyleImportPlugin } from './styleImport';
  14. import { configVisualizerConfig } from './visualizer';
  15. import { configThemePlugin } from './theme';
  16. import { configSvgIconsPlugin } from './svgSprite';
  17. import { configServerPlugin } from './serveStatic';
  18. import { configImageminPlugin } from './imagemin';
  19. // //预编译加载插件(不支持vite3作废)
  20. // import OptimizationPersist from 'vite-plugin-optimize-persist';
  21. import topLevelAwait from 'vite-plugin-top-level-await';
  22. export function createVitePlugins(viteEnv: ViteEnv, isBuild: boolean) {
  23. const { VITE_USE_MOCK, VITE_BUILD_COMPRESS, VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE } = viteEnv;
  24. const vitePlugins: (PluginOption | PluginOption[])[] = [
  25. // have to
  26. vue(),
  27. // have to
  28. vueJsx(),
  29. // support name
  30. vueSetupExtend(),
  31. // @ts-ignore
  32. VitePluginCertificate({
  33. source: 'coding',
  34. }),
  35. topLevelAwait({
  36. // The export name of top-level await promise for each chunk module
  37. promiseExportName: '__tla',
  38. // The function to generate import names of top-level await promise in each chunk module
  39. promiseImportName: (i) => `__tla_${i}`,
  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. // vite-plugin-style-import
  52. vitePlugins.push(configStyleImportPlugin(isBuild));
  53. // rollup-plugin-visualizer
  54. vitePlugins.push(configVisualizerConfig());
  55. // vite-plugin-theme
  56. vitePlugins.push(configThemePlugin(isBuild));
  57. // vite-plugin-serve-static
  58. vitePlugins.push(configServerPlugin());
  59. // The following plugins only work in the production environment
  60. if (isBuild) {
  61. // rollup-plugin-gzip
  62. vitePlugins.push(configCompressPlugin(VITE_BUILD_COMPRESS, VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE));
  63. // vite-plugin-imagemin: 图片压缩 (仅生产环境)
  64. vitePlugins.push(configImageminPlugin());
  65. }
  66. // //vite-plugin-theme【预编译加载插件,解决vite首次打开界面加载慢问题】
  67. // vitePlugins.push(PkgConfig());
  68. // vitePlugins.push(OptimizationPersist());
  69. return vitePlugins;
  70. }