import { cdn } from "./cdn"; import { resolve } from "path"; import vue from "@vitejs/plugin-vue"; import { viteBuildInfo } from "./info"; import svgLoader from "vite-svg-loader"; import vueJsx from "@vitejs/plugin-vue-jsx"; import VueMacros from "unplugin-vue-macros/vite"; import { viteMockServe } from "vite-plugin-mock"; import { configCompressPlugin } from "./compress"; import VueI18n from "@intlify/vite-plugin-vue-i18n"; // import ElementPlus from "unplugin-element-plus/vite"; import { visualizer } from "rollup-plugin-visualizer"; import removeConsole from "vite-plugin-remove-console"; import themePreprocessorPlugin from "@pureadmin/theme"; import { genScssMultipleScopeVars } from "../src/layout/theme"; export function getPluginsList( command: string, VITE_CDN: boolean, VITE_COMPRESSION: ViteCompression ) { const prodMock = true; const lifecycle = process.env.npm_lifecycle_event; return [ vue(), // https://github.com/intlify/bundle-tools/tree/main/packages/vite-plugin-vue-i18n VueI18n({ runtimeOnly: true, compositionOnly: true, include: [resolve("locales/**")] }), // jsx、tsx语法支持 vueJsx(), VITE_CDN ? cdn : null, configCompressPlugin(VITE_COMPRESSION), VueMacros(), // 线上环境删除console removeConsole({ external: ["src/assets/iconfont/iconfont.js"] }), viteBuildInfo(), // 自定义主题 themePreprocessorPlugin({ scss: { multipleScopeVars: genScssMultipleScopeVars(), // 在生产模式是否抽取独立的主题css文件,extract为true以下属性有效 extract: true, // 会选取defaultScopeName对应的主题css文件在html添加link themeLinkTagId: "head", // "head"||"head-prepend" || "body" ||"body-prepend" themeLinkTagInjectTo: "head", // 是否对抽取的css文件内对应scopeName的权重类名移除 removeCssScopeName: false } }), // svg组件化支持 svgLoader(), // ElementPlus({}), // mock支持 viteMockServe({ mockPath: "mock", localEnabled: command === "serve", prodEnabled: command !== "serve" && prodMock, injectCode: ` import { setupProdMockServer } from './mockProdServer'; setupProdMockServer(); `, logger: false }), // 打包分析 lifecycle === "report" ? visualizer({ open: true, brotliSize: true, filename: "report.html" }) : null ]; }