index.ts 1.6 KB

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