93 lines
3.0 KiB
TypeScript
93 lines
3.0 KiB
TypeScript
import { PluginOption } 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 windiCSS from 'vite-plugin-windicss';
|
|
import vueSetupExtend from 'vite-plugin-vue-setup-extend';
|
|
import { configHtmlPlugin } from './html';
|
|
import { configPwaConfig } from './pwa';
|
|
import { configCompressPlugin } from './compress';
|
|
import { configStyleImportPlugin } from './styleImport';
|
|
import { configVisualizerConfig } from './visualizer';
|
|
import { configThemePlugin } from './theme';
|
|
import { configImageminPlugin } from './imagemin';
|
|
import { configSvgIconsPlugin } from './svgSprite';
|
|
|
|
function getLegacyPlugin() {
|
|
return legacy({
|
|
targets: ['defaults', 'ie >= 11', 'chrome <= 80'], //需要兼容的目标列表，可以设置多个
|
|
additionalLegacyPolyfills: ['regenerator-runtime/runtime'],
|
|
renderLegacyChunks: true,
|
|
polyfills: [
|
|
'es.symbol',
|
|
'es.array.filter',
|
|
'es.promise',
|
|
'es.promise.finally',
|
|
'es/map',
|
|
'es/set',
|
|
'es.array.for-each',
|
|
'es.object.define-properties',
|
|
'es.object.define-property',
|
|
'es.object.get-own-property-descriptor',
|
|
'es.object.get-own-property-descriptors',
|
|
'es.object.keys',
|
|
'es.object.to-string',
|
|
'web.dom-collections.for-each',
|
|
'esnext.global-this',
|
|
'esnext.string.match-all',
|
|
],
|
|
});
|
|
}
|
|
|
|
export function createVitePlugins(viteEnv: ViteEnv, isBuild: boolean) {
|
|
const { VITE_USE_IMAGEMIN, VITE_LEGACY, VITE_BUILD_COMPRESS, VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE } = viteEnv;
|
|
|
|
const vitePlugins: (PluginOption | PluginOption[])[] = [
|
|
// have to
|
|
vue(),
|
|
// have to
|
|
vueJsx(),
|
|
// support name
|
|
vueSetupExtend(),
|
|
];
|
|
|
|
// vite-plugin-windicss
|
|
vitePlugins.push(windiCSS());
|
|
|
|
// vite-plugin-html
|
|
vitePlugins.push(configHtmlPlugin(viteEnv, isBuild));
|
|
|
|
// vite-plugin-svg-icons
|
|
vitePlugins.push(configSvgIconsPlugin(isBuild));
|
|
|
|
// vite-plugin-purge-icons
|
|
vitePlugins.push(purgeIcons());
|
|
|
|
// rollup-plugin-visualizer
|
|
vitePlugins.push(configVisualizerConfig());
|
|
|
|
// vite-plugin-theme
|
|
vitePlugins.push(configThemePlugin(isBuild));
|
|
|
|
// The following plugins only work in the production environment
|
|
if (isBuild) {
|
|
// @vitejs/plugin-legacy
|
|
VITE_LEGACY && vitePlugins.push(getLegacyPlugin());
|
|
|
|
// vite-plugin-style-import
|
|
vitePlugins.push(configStyleImportPlugin());
|
|
|
|
// 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;
|
|
}
|