index.ts 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  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 windiCSS from 'vite-plugin-windicss';
  6. import VitePluginCertificate from 'vite-plugin-mkcert';
  7. import { configHtmlPlugin } from './html';
  8. import { configMockPlugin } from './mock';
  9. import { configCompressPlugin } from './compress';
  10. import { configVisualizerConfig } from './visualizer';
  11. import { configThemePlugin } from './theme';
  12. import { configSvgIconsPlugin } from './svgSprite';
  13. export function createVitePlugins(viteEnv: ViteEnv, isBuild: boolean) {
  14. const { VITE_USE_MOCK, VITE_BUILD_COMPRESS, VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE } = viteEnv;
  15. const vitePlugins: (PluginOption | PluginOption[])[] = [
  16. // have to
  17. vue(),
  18. // have to
  19. vueJsx(),
  20. // support name
  21. //vueSetupExtend(),
  22. VitePluginCertificate({
  23. source: 'coding',
  24. }),
  25. ];
  26. // vite-plugin-windicss
  27. vitePlugins.push(windiCSS());
  28. // vite-plugin-html
  29. vitePlugins.push(configHtmlPlugin(viteEnv, isBuild));
  30. // vite-plugin-svg-icons
  31. vitePlugins.push(configSvgIconsPlugin(isBuild));
  32. // vite-plugin-mock
  33. VITE_USE_MOCK && vitePlugins.push(configMockPlugin(isBuild));
  34. // vite-plugin-purge-icons
  35. vitePlugins.push(purgeIcons());
  36. // rollup-plugin-visualizer
  37. vitePlugins.push(configVisualizerConfig());
  38. // vite-plugin-theme
  39. vitePlugins.push(configThemePlugin(isBuild));
  40. // The following plugins only work in the production environment
  41. if (isBuild) {
  42. // rollup-plugin-gzip
  43. vitePlugins.push(
  44. configCompressPlugin(VITE_BUILD_COMPRESS, VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE),
  45. );
  46. }
  47. return vitePlugins;
  48. }