You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
75 lines
2.6 KiB
75 lines
2.6 KiB
import { resolve } from "path";
|
|
import Unocss from "unocss/vite";
|
|
import vue from "@vitejs/plugin-vue";
|
|
import { viteBuildInfo } from "./info";
|
|
import svgLoader from "vite-svg-loader";
|
|
import legacy from "@vitejs/plugin-legacy";
|
|
import vueJsx from "@vitejs/plugin-vue-jsx";
|
|
import { viteMockServe } from "vite-plugin-mock";
|
|
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 "/@/layout/theme";
|
|
import DefineOptions from "unplugin-vue-define-options/vite";
|
|
|
|
export function getPluginsList(command, VITE_LEGACY) {
|
|
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(),
|
|
Unocss(),
|
|
DefineOptions(),
|
|
// 线上环境删除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
|
|
}),
|
|
// 是否为打包后的文件提供传统浏览器兼容性支持
|
|
VITE_LEGACY
|
|
? legacy({
|
|
targets: ["ie >= 11"],
|
|
additionalLegacyPolyfills: ["regenerator-runtime/runtime"]
|
|
})
|
|
: null,
|
|
// 打包分析
|
|
lifecycle === "report"
|
|
? visualizer({ open: true, brotliSize: true, filename: "report.html" })
|
|
: null
|
|
];
|
|
}
|