60 lines
1.9 KiB
TypeScript
60 lines
1.9 KiB
TypeScript
import type { PluginOption } from 'vite';
|
|
|
|
import vue from '@vitejs/plugin-vue';
|
|
import vueJsx from '@vitejs/plugin-vue-jsx';
|
|
import VueSetupExtend from 'vite-plugin-vue-setup-extend';
|
|
// 自动按需导入，根据自身情况选择
|
|
import AutoImport from 'unplugin-auto-import/vite';
|
|
// import Components from 'unplugin-vue-components/vite';
|
|
// import { ElementPlusResolver } from 'unplugin-vue-components/resolvers';
|
|
// import Components from 'unplugin-vue-components/vite';
|
|
// import ElementPlus from 'unplugin-element-plus/vite';
|
|
|
|
import { configHtmlPlugin } from './html';
|
|
import { configMockPlugin } from './mock';
|
|
import { configCompressPlugin } from './compress';
|
|
import { configVisualizerPlugin } from './visualizer';
|
|
|
|
export function createVitePlugins(viteEnv: ViteEnv, isBuild: boolean, prodMock) {
|
|
const { VITE_USE_MOCK, VITE_BUILD_COMPRESS, VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE } = viteEnv;
|
|
|
|
const vitePlugins: (PluginOption | PluginOption[])[] = [
|
|
// have to
|
|
vue(),
|
|
// have to
|
|
vueJsx(),
|
|
VueSetupExtend(),
|
|
// ElementPlus({
|
|
// // 引入的样式的类型，可以是css、sass、less等，
|
|
// importStyle: 'sass',
|
|
// useSource: true,
|
|
// }),
|
|
// 按需引入element且自动创建组件声明
|
|
AutoImport({
|
|
imports: ['vue', 'vue-router', 'pinia'], // 自动导入的依赖库数组
|
|
dts: './auto-imports.d.ts', // 自动导入类型定义文件路径
|
|
}),
|
|
// Components({
|
|
// resolvers: [ElementPlusResolver()],
|
|
// }),
|
|
];
|
|
|
|
// vite-plugin-html
|
|
vitePlugins.push(configHtmlPlugin(viteEnv, isBuild));
|
|
|
|
// vite-plugin-mock
|
|
VITE_USE_MOCK && vitePlugins.push(configMockPlugin(isBuild, prodMock));
|
|
|
|
// rollup-plugin-visualizer
|
|
vitePlugins.push(configVisualizerPlugin());
|
|
|
|
if (isBuild) {
|
|
// rollup-plugin-gzip
|
|
vitePlugins.push(
|
|
configCompressPlugin(VITE_BUILD_COMPRESS, VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE),
|
|
);
|
|
}
|
|
|
|
return vitePlugins;
|
|
}
|