71 lines
2.6 KiB
TypeScript
71 lines
2.6 KiB
TypeScript
import VueI18nPlugin from '@intlify/unplugin-vue-i18n/vite';
|
||
import tailwindcss from '@tailwindcss/vite';
|
||
import vue from '@vitejs/plugin-vue';
|
||
import vueJsx from '@vitejs/plugin-vue-jsx';
|
||
import { codeInspectorPlugin } from 'code-inspector-plugin';
|
||
import { visualizer } from 'rollup-plugin-visualizer';
|
||
import Icons from 'unplugin-icons/vite';
|
||
import type { PluginOption } from 'vite';
|
||
import removeConsole from 'vite-plugin-remove-console';
|
||
import removeNoMatch from 'vite-plugin-router-warn';
|
||
import svgLoader from 'vite-svg-loader';
|
||
import { cdn } from './cdn';
|
||
import { configCompressPlugin } from './compress';
|
||
import { viteBuildInfo } from './info';
|
||
|
||
export function getPluginsList(VITE_CDN: boolean, VITE_COMPRESSION: ViteCompression, VITE_PORT: number): PluginOption[] {
|
||
const lifecycle = process.env.npm_lifecycle_event;
|
||
return [
|
||
tailwindcss(),
|
||
vue({
|
||
template: {
|
||
compilerOptions: {
|
||
isCustomElement: (tag) => tag === 'deep-chat',
|
||
},
|
||
},
|
||
}),
|
||
// jsx、tsx语法支持
|
||
vueJsx(),
|
||
VueI18nPlugin({
|
||
// include: [pathResolve("../locales/**")]
|
||
}),
|
||
/**
|
||
* 在页面上按住组合键时，鼠标在页面移动即会在 DOM 上出现遮罩层并显示相关信息，点击一下将自动打开 IDE 并将光标定位到元素对应的代码位置
|
||
* Mac 默认组合键 Option + Shift
|
||
* Windows 默认组合键 Alt + Shift
|
||
* 更多用法看 https://inspector.fe-dev.cn/guide/start.html
|
||
*/
|
||
codeInspectorPlugin({
|
||
bundler: 'vite',
|
||
hideConsole: true,
|
||
}),
|
||
viteBuildInfo(VITE_PORT),
|
||
/**
|
||
* 开发环境下移除非必要的vue-router动态路由警告No match found for location with path
|
||
* 非必要具体看 https://github.com/vuejs/router/issues/521 和 https://github.com/vuejs/router/issues/359
|
||
* vite-plugin-router-warn只在开发环境下启用，只处理vue-router文件并且只在服务启动或重启时运行一次，性能消耗可忽略不计
|
||
*/
|
||
removeNoMatch(),
|
||
// mock支持
|
||
// vitePluginFakeServer({
|
||
// logger: false,
|
||
// include: "mock",
|
||
// infixName: false,
|
||
// enableProd: true
|
||
// }),
|
||
// svg组件化支持
|
||
svgLoader(),
|
||
// 自动按需加载图标
|
||
Icons({
|
||
compiler: 'vue3',
|
||
scale: 1,
|
||
}),
|
||
VITE_CDN ? cdn : null,
|
||
configCompressPlugin(VITE_COMPRESSION),
|
||
// 线上环境删除console
|
||
removeConsole({ external: ['src/assets/iconfont/iconfont.js'] }),
|
||
// 打包分析
|
||
lifecycle === 'report' ? visualizer({ open: true, brotliSize: true, filename: 'report.html' }) : (null as any),
|
||
];
|
||
}
|