mirror of
https://gitee.com/yiming_chang/vue-pure-admin.git
synced 2024-11-30 02:07:38 +08:00
72 lines
2.4 KiB
TypeScript
72 lines
2.4 KiB
TypeScript
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 { viteMockServe } from "vite-plugin-mock";
|
||
import { configCompressPlugin } from "./compress";
|
||
import VueI18n from "@intlify/vite-plugin-vue-i18n";
|
||
import { visualizer } from "rollup-plugin-visualizer";
|
||
import removeConsole from "vite-plugin-remove-console";
|
||
import themePreprocessorPlugin from "@pureadmin/theme";
|
||
import DefineOptions from "unplugin-vue-define-options/vite";
|
||
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),
|
||
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(),
|
||
// 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
|
||
];
|
||
}
|