mirror of
https://gitee.com/HuLaSpark/HuLa.git
synced 2024-12-01 19:28:07 +08:00
f626a96c1a
* fix(view): 🐛 修复打开独立窗口后主窗口消息窗口无法打开问题 * fix(service): 🐛 修复请求参数错误问题 * feat(view): ✨ 优化登录 增加账号密码登录功能 请求增加中断 优化自动登录 简化请求接口 --------- Co-authored-by: ZOL4789 <44133469+ZOL4789@users.noreply.github.com>
114 lines
3.6 KiB
TypeScript
114 lines
3.6 KiB
TypeScript
import { ConfigEnv, defineConfig, loadEnv } from 'vite'
|
||
import vue from '@vitejs/plugin-vue'
|
||
import AutoImport from 'unplugin-auto-import/vite' //自动导入
|
||
import Components from 'unplugin-vue-components/vite' //组件注册
|
||
import { NaiveUiResolver } from 'unplugin-vue-components/resolvers'
|
||
import { getRootPath, getSrcPath } from './build/config/getPath'
|
||
import vueJsx from '@vitejs/plugin-vue-jsx'
|
||
import unocss from '@unocss/vite'
|
||
import terser from '@rollup/plugin-terser'
|
||
|
||
// https://vitejs.dev/config/
|
||
/**! 不需要优化前端打包(如开启gzip) */
|
||
export default defineConfig(({ mode }: ConfigEnv) => {
|
||
// 获取当前环境的配置,如何设置第三个参数则加载所有变量，而不是以“VITE_”前缀的变量
|
||
const config = loadEnv(mode, process.cwd())
|
||
return {
|
||
resolve: {
|
||
alias: {
|
||
// 配置路径别名@
|
||
'@': getSrcPath(),
|
||
// 配置路径别名~(根路径)
|
||
'~': getRootPath()
|
||
}
|
||
},
|
||
css: {
|
||
preprocessorOptions: {
|
||
scss: {
|
||
api: 'modern-compiler',
|
||
additionalData: '@use "@/styles/scss/global/variable.scss" as *;' // 加载全局样式，使用scss特性
|
||
}
|
||
}
|
||
},
|
||
plugins: [
|
||
/**
|
||
* vue3.5.0已支持解构并具有响应式
|
||
* */
|
||
vue(),
|
||
vueJsx(), // 开启jsx功能
|
||
unocss(), // 开启unocss
|
||
AutoImport({
|
||
imports: [
|
||
'vue',
|
||
'vue-router',
|
||
'pinia',
|
||
{ 'naive-ui': ['useDialog', 'useMessage', 'useNotification', 'useLoadingBar', 'useModal'] }
|
||
],
|
||
dts: 'src/typings/auto-imports.d.ts'
|
||
}),
|
||
/**自动导入组件，但是不会自动导入jsx和tsx*/
|
||
Components({
|
||
dirs: ['src/components/**'], // 设置需要扫描的目录
|
||
resolvers: [NaiveUiResolver()],
|
||
dts: 'src/typings/components.d.ts'
|
||
}),
|
||
/** 压缩代码 */
|
||
terser({
|
||
format: {
|
||
comments: false // 移除所有注释
|
||
},
|
||
compress: {
|
||
drop_console: true, // 移除 console.log
|
||
drop_debugger: true // 移除 debugger
|
||
}
|
||
})
|
||
],
|
||
build: {
|
||
cssCodeSplit: true, // 启用 CSS 代码拆分
|
||
minify: 'terser', // 指定使用哪种混淆器
|
||
// chunk 大小警告的限制(kb)
|
||
chunkSizeWarningLimit: 1200,
|
||
// 分包配置
|
||
rollupOptions: {
|
||
output: {
|
||
chunkFileNames: 'static/js/[name]-[hash].js', // 引入文件名的名称
|
||
entryFileNames: 'static/js/[name]-[hash].js', // 包的入口文件名称
|
||
assetFileNames: 'static/[ext]/[name]-[hash].[ext]', // 资源文件像 字体，图片等
|
||
// 最小化拆分包
|
||
manualChunks(id) {
|
||
if (id.includes('node_modules')) {
|
||
return 'invariable'
|
||
}
|
||
}
|
||
}
|
||
}
|
||
},
|
||
|
||
// Vite options tailored for Tauri development and only applied in `tauri dev` or `tauri build`
|
||
//
|
||
// 1. prevent vite from obscuring rust errors
|
||
clearScreen: false,
|
||
// 2. tauri expects a fixed port, fail if that port is not available
|
||
server: {
|
||
//配置跨域
|
||
proxy: {
|
||
'/api': {
|
||
// “/api” 以及前置字符串会被替换为真正域名
|
||
target: config.VITE_SERVICE_URL, // 请求域名
|
||
changeOrigin: true, // 是否跨域
|
||
rewrite: (path) => path.replace(/^\/api/, '')
|
||
}
|
||
},
|
||
hmr: true, // 热更新
|
||
cors: true, // 配置 CORS
|
||
host: '0.0.0.0',
|
||
port: 6130,
|
||
strictPort: true,
|
||
watch: {
|
||
// 3. tell vite to ignore watching `src-tauri`
|
||
ignored: ['**/src-tauri/**']
|
||
}
|
||
}
|
||
}
|
||
})
|