109 lines
3.7 KiB
TypeScript
109 lines
3.7 KiB
TypeScript
import vue from "@vitejs/plugin-vue";
|
||
import svgLoader from "vite-svg-loader";
|
||
import legacy from "@vitejs/plugin-legacy";
|
||
import vueJsx from "@vitejs/plugin-vue-jsx";
|
||
import WindiCSS from "vite-plugin-windicss";
|
||
import { viteMockServe } from "vite-plugin-mock";
|
||
import liveReload from "vite-plugin-live-reload";
|
||
import ElementPlus from "unplugin-element-plus/vite";
|
||
import { visualizer } from "rollup-plugin-visualizer";
|
||
import removeConsole from "vite-plugin-remove-console";
|
||
import themePreprocessorPlugin from "@zougt/vite-plugin-theme-preprocessor";
|
||
|
||
export function getPluginsList(command, VITE_LEGACY) {
|
||
const prodMock = true;
|
||
const lifecycle = process.env.npm_lifecycle_event;
|
||
return [
|
||
vue(),
|
||
// jsx、tsx语法支持
|
||
vueJsx(),
|
||
WindiCSS(),
|
||
// 线上环境删除console
|
||
removeConsole(),
|
||
// 修改layout文件夹下的文件时自动重载浏览器 解决 https://github.com/xiaoxian521/vue-pure-admin/issues/170
|
||
liveReload(["src/layout/**/*", "src/router/**/*"]),
|
||
// 自定义主题
|
||
themePreprocessorPlugin({
|
||
scss: {
|
||
multipleScopeVars: [
|
||
{
|
||
scopeName: "layout-theme-default",
|
||
path: "src/layout/theme/default-vars.scss"
|
||
},
|
||
{
|
||
scopeName: "layout-theme-light",
|
||
path: "src/layout/theme/light-vars.scss"
|
||
},
|
||
{
|
||
scopeName: "layout-theme-dusk",
|
||
path: "src/layout/theme/dusk-vars.scss"
|
||
},
|
||
{
|
||
scopeName: "layout-theme-volcano",
|
||
path: "src/layout/theme/volcano-vars.scss"
|
||
},
|
||
{
|
||
scopeName: "layout-theme-yellow",
|
||
path: "src/layout/theme/yellow-vars.scss"
|
||
},
|
||
{
|
||
scopeName: "layout-theme-mingQing",
|
||
path: "src/layout/theme/mingQing-vars.scss"
|
||
},
|
||
{
|
||
scopeName: "layout-theme-auroraGreen",
|
||
path: "src/layout/theme/auroraGreen-vars.scss"
|
||
},
|
||
{
|
||
scopeName: "layout-theme-pink",
|
||
path: "src/layout/theme/pink-vars.scss"
|
||
},
|
||
{
|
||
scopeName: "layout-theme-saucePurple",
|
||
path: "src/layout/theme/saucePurple-vars.scss"
|
||
}
|
||
],
|
||
// 默认取 multipleScopeVars[0].scopeName
|
||
defaultScopeName: "",
|
||
// 在生产模式是否抽取独立的主题css文件，extract为true以下属性有效
|
||
extract: true,
|
||
// 独立主题css文件的输出路径，默认取 viteConfig.build.assetsDir 相对于 (viteConfig.build.outDir)
|
||
outputDir: "",
|
||
// 会选取defaultScopeName对应的主题css文件在html添加link
|
||
themeLinkTagId: "head",
|
||
// "head"||"head-prepend" || "body" ||"body-prepend"
|
||
themeLinkTagInjectTo: "head",
|
||
// 是否对抽取的css文件内对应scopeName的权重类名移除
|
||
removeCssScopeName: false,
|
||
// 可以自定义css文件名称的函数
|
||
customThemeCssFileName: scopeName => scopeName
|
||
}
|
||
}),
|
||
// svg组件化支持
|
||
svgLoader(),
|
||
ElementPlus({}),
|
||
// mock支持
|
||
viteMockServe({
|
||
mockPath: "mock",
|
||
localEnabled: command === "serve",
|
||
prodEnabled: command !== "serve" && prodMock,
|
||
injectCode: `
|
||
import { setupProdMockServer } from './mockProdServer';
|
||
setupProdMockServer();
|
||
`,
|
||
logger: true
|
||
}),
|
||
// 是否为打包后的文件提供传统浏览器兼容性支持
|
||
VITE_LEGACY
|
||
? legacy({
|
||
targets: ["ie >= 11"],
|
||
additionalLegacyPolyfills: ["regenerator-runtime/runtime"]
|
||
})
|
||
: null,
|
||
// 打包分析
|
||
lifecycle === "report"
|
||
? visualizer({ open: true, brotliSize: true, filename: "report.html" })
|
||
: null
|
||
];
|
||
}
|