1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192 |
- import type { Plugin } from 'vite';
- import vue from '@vitejs/plugin-vue';
- import vueJsx from '@vitejs/plugin-vue-jsx';
- import legacy from '@vitejs/plugin-legacy';
- import purgeIcons from 'vite-plugin-purge-icons';
- import { configHtmlPlugin } from './html';
- import { configPwaConfig } from './pwa';
- import { configMockPlugin } from './mock';
- import { configCompressPlugin } from './compress';
- import { configStyleImportPlugin } from './styleImport';
- import { configVisualizerConfig } from './visualizer';
- import { configThemePlugin } from './theme';
- import { configImageminPlugin } from './imagemin';
- import { configSvgIconsPlugin } from './svgSprite';
- import { configHmrPlugin } from './hmr';
- export function createVitePlugins(viteEnv: ViteEnv, isBuild: boolean) {
- const {
- VITE_USE_IMAGEMIN,
- VITE_USE_MOCK,
- VITE_LEGACY,
- VITE_BUILD_COMPRESS,
- VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE,
- } = viteEnv;
- const vitePlugins: (Plugin | Plugin[])[] = [
- // have to
- vue(),
- // have to
- vueJsx(),
- ];
- // TODO
- !isBuild && vitePlugins.push(configHmrPlugin());
- // @vitejs/plugin-legacy
- VITE_LEGACY &&
- isBuild &&
- vitePlugins.push(
- legacy({
- targets: [
- 'Android > 39',
- 'Chrome >= 60',
- 'Safari >= 10.1',
- 'iOS >= 10.3',
- 'Firefox >= 54',
- 'Edge >= 15',
- ],
- additionalLegacyPolyfills: ['regenerator-runtime/runtime'],
- })
- );
- // vite-plugin-html
- vitePlugins.push(configHtmlPlugin(viteEnv, isBuild));
- // vite-plugin-svg-icons
- vitePlugins.push(configSvgIconsPlugin(isBuild));
- // vite-plugin-mock
- VITE_USE_MOCK && vitePlugins.push(configMockPlugin(isBuild));
- // vite-plugin-purge-icons
- vitePlugins.push(purgeIcons());
- // vite-plugin-style-import
- vitePlugins.push(configStyleImportPlugin(isBuild));
- // rollup-plugin-visualizer
- vitePlugins.push(configVisualizerConfig());
- //vite-plugin-theme
- vitePlugins.push(configThemePlugin(isBuild));
- // The following plugins only work in the production environment
- if (isBuild) {
- //vite-plugin-imagemin
- VITE_USE_IMAGEMIN && vitePlugins.push(configImageminPlugin());
- // rollup-plugin-gzip
- vitePlugins.push(
- configCompressPlugin(VITE_BUILD_COMPRESS, VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE)
- );
- // vite-plugin-pwa
- vitePlugins.push(configPwaConfig(viteEnv));
- }
- return vitePlugins;
- }
|