182 lines
5.5 KiB
TypeScript
182 lines
5.5 KiB
TypeScript
|
import { resolve } from 'node:path';
|
|||
|
import { loadEnv } from 'vite';
|
|||
|
import vueJsx from '@vitejs/plugin-vue-jsx';
|
|||
|
import mkcert from 'vite-plugin-mkcert';
|
|||
|
import vue from '@vitejs/plugin-vue';
|
|||
|
import checker from 'vite-plugin-checker';
|
|||
|
import Components from 'unplugin-vue-components/vite';
|
|||
|
import { AntDesignVueResolver } from 'unplugin-vue-components/resolvers';
|
|||
|
import Unocss from 'unocss/vite';
|
|||
|
import { createSvgIconsPlugin } from 'vite-plugin-svg-icons';
|
|||
|
import dayjs from 'dayjs';
|
|||
|
import mockServerPlugin from '@admin-pkg/vite-plugin-msw/vite';
|
|||
|
import TinymceResourcePlugin from '@admin-pkg/vite-plugin-tinymce-resource';
|
|||
|
import Http2Proxy from '@admin-pkg/vite-plugin-http2-proxy';
|
|||
|
import Inspector from 'vite-plugin-vue-inspector';
|
|||
|
import pkg from './package.json';
|
|||
|
import type { UserConfig, ConfigEnv } from 'vite';
|
|||
|
|
|||
|
const CWD = process.cwd();
|
|||
|
|
|||
|
// 环境变量
|
|||
|
// const BASE_ENV_CONFIG = loadEnv('', CWD);
|
|||
|
// const DEV_ENV_CONFIG = loadEnv('development', CWD);
|
|||
|
// const PROD_ENV_CONFIG = loadEnv('production', CWD);
|
|||
|
|
|||
|
const __APP_INFO__ = {
|
|||
|
pkg,
|
|||
|
lastBuildTime: dayjs().format('YYYY-MM-DD HH:mm:ss'),
|
|||
|
};
|
|||
|
|
|||
|
// https://vitejs.dev/config/
|
|||
|
export default ({ command, mode }: ConfigEnv): UserConfig => {
|
|||
|
// 环境变量
|
|||
|
const { VITE_BASE_URL, VITE_DROP_CONSOLE, VITE_MOCK_IN_PROD } = loadEnv(mode, CWD);
|
|||
|
|
|||
|
const isDev = command === 'serve';
|
|||
|
const isBuild = command === 'build';
|
|||
|
|
|||
|
return {
|
|||
|
base: VITE_BASE_URL,
|
|||
|
define: {
|
|||
|
__APP_INFO__: JSON.stringify(__APP_INFO__),
|
|||
|
},
|
|||
|
resolve: {
|
|||
|
alias: [
|
|||
|
{
|
|||
|
find: '@',
|
|||
|
replacement: resolve(__dirname, './src'),
|
|||
|
},
|
|||
|
],
|
|||
|
},
|
|||
|
plugins: [
|
|||
|
vue(),
|
|||
|
Inspector(),
|
|||
|
Unocss(),
|
|||
|
vueJsx({
|
|||
|
// options are passed on to @vue/babel-plugin-jsx
|
|||
|
}),
|
|||
|
// 指定 mkcert 的下载源为 coding,从 coding.net 镜像下载证书
|
|||
|
mkcert({ source: 'coding' }),
|
|||
|
// 开启 http2 代理
|
|||
|
Http2Proxy(),
|
|||
|
mockServerPlugin({ build: isBuild && VITE_MOCK_IN_PROD === 'true' }),
|
|||
|
TinymceResourcePlugin({ baseUrl: '/tinymce-resource/' }),
|
|||
|
createSvgIconsPlugin({
|
|||
|
// Specify the icon folder to be cached
|
|||
|
iconDirs: [resolve(CWD, 'src/assets/icons')],
|
|||
|
// Specify symbolId format
|
|||
|
symbolId: 'svg-icon-[dir]-[name]',
|
|||
|
}),
|
|||
|
Components({
|
|||
|
dts: 'types/components.d.ts',
|
|||
|
types: [
|
|||
|
{
|
|||
|
from: './src/components/basic/button/',
|
|||
|
names: ['AButton'],
|
|||
|
},
|
|||
|
{
|
|||
|
from: 'vue-router',
|
|||
|
names: ['RouterLink', 'RouterView'],
|
|||
|
},
|
|||
|
],
|
|||
|
resolvers: [
|
|||
|
AntDesignVueResolver({
|
|||
|
importStyle: false, // css in js
|
|||
|
exclude: ['Button'],
|
|||
|
}),
|
|||
|
],
|
|||
|
}),
|
|||
|
// https://github.com/fi3ework/vite-plugin-checker
|
|||
|
isDev &&
|
|||
|
checker({
|
|||
|
typescript: true,
|
|||
|
// vueTsc: true,
|
|||
|
eslint: {
|
|||
|
useFlatConfig: true,
|
|||
|
lintCommand: 'eslint "./src/**/*.{.vue,ts,tsx}"', // for example, lint .ts & .tsx
|
|||
|
},
|
|||
|
overlay: {
|
|||
|
initialIsOpen: false,
|
|||
|
},
|
|||
|
}),
|
|||
|
],
|
|||
|
css: {
|
|||
|
preprocessorOptions: {
|
|||
|
less: {
|
|||
|
javascriptEnabled: true,
|
|||
|
modifyVars: {},
|
|||
|
// additionalData: `
|
|||
|
// @import '@/styles/variables.less';
|
|||
|
// `,
|
|||
|
},
|
|||
|
},
|
|||
|
},
|
|||
|
server: {
|
|||
|
host: '0.0.0.0',
|
|||
|
port: 8088,
|
|||
|
open: true,
|
|||
|
proxy: {
|
|||
|
'^/api': {
|
|||
|
// target: 'https://nest-api.buqiyuan.site',
|
|||
|
target: 'http://127.0.0.1:7001',
|
|||
|
changeOrigin: true,
|
|||
|
rewrite: (path) => path.replace(/^\/api/, ''),
|
|||
|
},
|
|||
|
'^/upload': {
|
|||
|
target: 'https://nest-api.buqiyuan.site/upload',
|
|||
|
// target: 'http://127.0.0.1:7001/upload',
|
|||
|
changeOrigin: true,
|
|||
|
rewrite: (path) => path.replace(new RegExp(`^/upload`), ''),
|
|||
|
},
|
|||
|
},
|
|||
|
// 提前转换和缓存文件以进行预热。可以在服务器启动时提高初始页面加载速度,并防止转换瀑布。
|
|||
|
warmup: {
|
|||
|
// 请注意,只应该预热频繁使用的文件,以免在启动时过载 Vite 开发服务器
|
|||
|
// 可以通过运行 npx vite --debug transform 并检查日志来找到频繁使用的文件
|
|||
|
clientFiles: ['./index.html', './src/{components,api}/*'],
|
|||
|
},
|
|||
|
},
|
|||
|
optimizeDeps: {
|
|||
|
include: ['lodash-es', 'ant-design-vue/es/locale/zh_CN', 'ant-design-vue/es/locale/en_US'],
|
|||
|
},
|
|||
|
esbuild: {
|
|||
|
pure: VITE_DROP_CONSOLE === 'true' ? ['console.log', 'debugger'] : [],
|
|||
|
supported: {
|
|||
|
// https://github.com/vitejs/vite/pull/8665
|
|||
|
'top-level-await': true,
|
|||
|
},
|
|||
|
},
|
|||
|
build: {
|
|||
|
minify: 'esbuild',
|
|||
|
cssTarget: 'chrome89',
|
|||
|
chunkSizeWarningLimit: 2000,
|
|||
|
rollupOptions: {
|
|||
|
output: {
|
|||
|
// minifyInternalExports: false,
|
|||
|
manualChunks(id) {
|
|||
|
//TODO fix circular imports
|
|||
|
if (id.includes('/src/locales/helper.ts')) {
|
|||
|
return 'antdv';
|
|||
|
} else if (id.includes('node_modules/ant-design-vue/')) {
|
|||
|
return 'antdv';
|
|||
|
} else if (/node_modules\/(vue|vue-router|pinia)\//.test(id)) {
|
|||
|
return 'vue';
|
|||
|
}
|
|||
|
},
|
|||
|
},
|
|||
|
onwarn(warning, rollupWarn) {
|
|||
|
// ignore circular dependency warning
|
|||
|
if (
|
|||
|
warning.code === 'CYCLIC_CROSS_CHUNK_REEXPORT' &&
|
|||
|
warning.exporter?.includes('src/api/')
|
|||
|
) {
|
|||
|
return;
|
|||
|
}
|
|||
|
rollupWarn(warning);
|
|||
|
},
|
|||
|
},
|
|||
|
},
|
|||
|
};
|
|||
|
};
|